<template>
    <!-- 屏蔽名单 -->
    <div class="box">
        <heads></heads>
        <titlesearch></titlesearch>
        <div class="gerenBox">
            <ceList :index="11"></ceList>
            <div class="con">
                <div class="nav-title title">
                    <div @click="titleClick(1)" :class="titleIndex == 1 ? 'color' : ''">
                        基础信息
                    </div>
                    <div @click="titleClick(2)" v-if="buildingsstate" :class="titleIndex == 2 ? 'color' : ''">
                        户型介绍
                    </div>
                    <div @click="titleClick(6)" v-if="buildingsstate" :class="titleIndex == 6 ? 'color' : ''">
                        预售许可
                    </div>
                    <div @click="titleClick(7)" v-if="buildingsstate" :class="titleIndex == 7 ? 'color' : ''">
                        销售信息
                    </div>
                    <!-- <div @click="titleClick(8)" v-if="buildingsstate" :class="titleIndex == 8 ? 'color' : ''">
                        楼盘轮播
                    </div> -->
                </div>
                <div v-if="titleIndex == 1">
                    <div class="form formform">
                        <!-- <div class="xuke" @click="xiaoshouClick">销售信息/预售许可</div> -->
                        <div class="loupan-title">
                            <div class="loupan-title-name"> 楼盘信息</div>
                            <div class="loupan-title-ope" @click="editable = !editable">修改楼盘信息</div>

                        </div>
                        <div class="list" v-if="title">
                            <div class="li">
                                <div class="left"><span>*</span>楼盘名称</div>
                                <div class="right">
                                    <el-input v-model="building.title" maxlength="32" id="input__inner"
                                        :disabled="!editable" placeholder="请填写楼盘名称">
                                        <template slot="append">{{ building.title.length }}/32</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>开盘时间</div>
                                <div class="right">
                                    <!-- <input placeholder="请填写楼盘标题" /> -->
                                    <el-date-picker id="input__inner" v-model="building.starTime" type="datetime"
                                        :disabled="!editable" placeholder="选择开盘时间" value-format="yyyy-MM-dd HH:mm:ss"
                                        :picker-options="{
                                            disabledDate(time) {
                                                if (!building.giveTime) {
                                                    return false
                                                } else {
                                                    return new Date(time) <= new Date(building.giveTime)
                                                }

                                            }
                                        }">
                                    </el-date-picker>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>交房时间</div>
                                <div class="right">
                                    <!-- <input placeholder="请填写交房时间" /> -->
                                    <el-date-picker v-model="building.giveTime" id="input__inner" type="datetime"
                                        :disabled="!editable" placeholder="选择交房时间" value-format="yyyy-MM-dd HH:mm:ss"
                                        :picker-options="{
                                            disabledDate(time) {
                                                if (!building.starTime) {
                                                    return false
                                                } else {
                                                    return new Date(time) > new Date(building.starTime)
                                                }

                                            }

                                        }">
                                    </el-date-picker>
                                </div>
                            </div>
                            <!-- <div class="li">
            <div class="left"><span>*</span>装修标准</div>
            <div class="right">
              <el-select id="el-select" v-model="building.renovation" placeholder="请选择装修标准">
                <el-option :label="item.valueName" :value="item.valueName" v-for="(item,index) in type4" :key="item.id"></el-option>
              </el-select>
            </div>
          </div> -->
                            <div class="li">
                                <div class="left"><span>*</span>起价</div>
                                <div class="right">
                                    <!-- <input v-model="building.starPrice" placeholder="请填写起价" /> -->
                                    <el-input placeholder="请填写起价" id="input__inner" :disabled="!editable"
                                        v-model="building.starPrice" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">元/m²</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>均价</div>
                                <div class="right">
                                    <!-- <input v-model="building.averagePrice" placeholder="请填写均价" /> -->
                                    <el-input id="input__inner" placeholder="请填写均价" v-model="building.averagePrice"
                                        :disabled="!editable">
                                        <template slot="append">元/m²(待定请填待定)</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>规划户数</div>
                                <div class="right">
                                    <!-- <input v-model="building.householdsNum" placeholder="请填写规划户数" /> -->
                                    <el-input id="input__inner" placeholder="请填写规划户数" v-model="building.householdsNum"
                                        :disabled="!editable" onkeyup="value=value.replace(/[^0-9]/g,'')">
                                        <template slot="append">户</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>规划车位</div>
                                <div class="right">
                                    <!-- <input v-model="building.vehiclesNum" placeholder="请填写规划车位" /> -->
                                    <el-input id="input__inner" placeholder="请填写规划车位" v-model="building.vehiclesNum"
                                        :disabled="!editable" onkeyup="value=value.replace(/[^0-9]/g,'')">
                                        <template slot="append">个</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>规划楼座数</div>
                                <div class="right">
                                    <!-- <input v-model="building.buildingsNum" placeholder="请填写规划楼座数" /> -->
                                    <el-input id="input__inner" placeholder="请填写规划楼座数" v-model="building.buildingsNum"
                                        :disabled="!editable" onkeyup="value=value.replace(/[^0-9]/g,'')">
                                        <template slot="append">栋</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>物业费</div>
                                <div class="right">
                                    <!-- <input v-model="building.propertyFee" placeholder="请填写物业费" /> -->
                                    <el-input :disabled="!editable" id="input__inner" placeholder="请填写物业费"
                                        v-model="building.propertyFee" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">元/m²/月</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>建筑类型</div>
                                <div class="right">
                                    <el-checkbox-group v-model="erectType" :disabled="!editable">
                                        <el-checkbox v-for="(item, index) in type19" :key="item.id"
                                            :label="item.valueName"></el-checkbox>
                                    </el-checkbox-group>
                                    <!-- @change="pitchOn(item.valueName)" -->
                                    <!-- <el-select
                id="el-select"
                v-model="erectType"
                multiple
                placeholder="请选择建筑类型"
              >
                <el-checkbox-group v-model="erectType">
                  <el-option
                    :label="item.valueName"
                    :value="item.valueName"
                    v-for="(item, index) in type19"
                    :key="item.id"
                  >
                    <el-checkbox :label='item.valueName' @change="pitchOn(item.valueName)"></el-checkbox>
                  </el-option>
                </el-checkbox-group>
              </el-select> -->
                                    <!-- <el-select id="el-select" v-model="building.erectType" multiple placeholder="请选择建筑类型">
                <el-option
                    v-for="item in type19"
                    :key="item.id"
                    :label="item.valueName"
                    :value="item.valueNum">
                </el-option>
              </el-select> -->
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>产权年限</div>
                                <div class="right">
                                    <!-- <input v-model="building.years" placeholder="请填写产权年限" /> -->
                                    <!-- <el-select
                id="el-select"
                v-model="years"
                multiple
                placeholder="请选择产权年限"
              >
                <el-option
                  :label="item.valueName"
                  :value="item.valueName"
                  v-for="(item, index) in type21"
                  :key="item.id"
                ></el-option>
              </el-select> -->
                                    <el-checkbox-group v-model="years" :disabled="!editable">
                                        <el-checkbox v-for="(item, index) in type21" :key="item.id"
                                            :label="item.valueName"></el-checkbox>
                                    </el-checkbox-group>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>容积率</div>
                                <div class="right">
                                    <!-- <input v-model="building.plotRatio" placeholder="请填写容积率" /> -->
                                    <el-input :disabled="!editable" id="input__inner" placeholder="请填写容积率"
                                        v-model="building.plotRatio" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>绿化率</div>
                                <div class="right">
                                    <!-- <input v-model="building.greenRate" placeholder="请填写绿化率" /> -->
                                    <el-input :disabled="!editable" id="input__inner" placeholder="请填写绿化率"
                                        v-model="building.greenRate" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">%</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>占地面积</div>
                                <div class="right">
                                    <!-- <inputv-model v-model="building.areaCovered" placeholder="请填写占地面积" /> -->
                                    <el-input :disabled="!editable" id="input__inner" placeholder="请填写占地面积"
                                        v-model="building.areaCovered" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">m²</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>建筑面积</div>
                                <div class="right">
                                    <!-- <input v-model="building.floorage" placeholder="请填写建筑面积" /> -->
                                    <el-input :disabled="!editable" id="input__inner" placeholder="请填写建筑面积"
                                        v-model="building.floorage" onkeyup="value=value.replace(/\D*(\d*)(\.?)(\d{0,3})\d*/,'$1$2$3')
     .replace(/^0+(\d)/, '$1')
     .replace(/^\./, '0.')
     .match(/^\d*(\.?\d{0,3})/g)[0] || ''">
                                        <template slot="append">m²</template>
                                    </el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>投资商</div>
                                <div class="right">
                                    <input :disabled="!editable" v-model="building.investor" placeholder="请填写投资商" />
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>物业公司</div>
                                <div class="right">
                                    <input :disabled="!editable" v-model="building.propertyCompany" placeholder="请填写物业公司" />
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>地址</div>
                                <div class="right" @click="addressopen()">
                                    <el-input id="input__inner" placeholder="请选择地址" v-model="building.address"
                                        :disabled="!editable">
                                        <p class="el-icon-location" slot="append"
                                            style="color: #64b6a8; font-size: 20px; cursor: pointer"></p>
                                    </el-input>
                                    <!-- <input readonly style="width: 300px;" v-model="building.address" placeholder="请填写地址" /> -->
                                </div>
                            </div>
                            <div class="li">
                                <div class="left"><span>*</span>状态</div>
                                <div class="right">
                                    <el-radio-group v-model="building.isOpen" :disabled="!editable">
                                        <el-radio :label="1">已开盘</el-radio>
                                        <el-radio :label="0">未开盘</el-radio>
                                    </el-radio-group>
                                </div>
                            </div>
                            <div class="li tuLi" style="width: 1200px">
                                <div class="left"><span>*</span>楼盘介绍</div>
                                <div class="tu">
                                    <!-- <div class="zi">300/300</div> -->
                                    <el-input class="textarea" type="textarea" v-model="building.remarks" autosize
                                        :disabled="!editable" maxlength="300" show-word-limit></el-input>
                                </div>
                            </div>
                            <div class="li tuLi" style="width: 1200px">
                                <div class="left"><span>*</span>楼盘图片</div>
                                <div class="tu">
                                    <el-upload :action="$upLoad" :list-type="portraitImg == '' ? 'picture-card' : ''"
                                        :on-success="portraitSuccess" :on-remove="portraitRemove" :limit="1" ref="upload6"
                                        :on-change="uploadFile" :auto-upload="false" :disabled="!editable">
                                        <i class="el-icon-plus" v-if="portraitImg == ''"></i>
                                        <img :src="portraitImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="portraitImg !== ''" />
                                    </el-upload>
                                    <el-dialog :visible.sync="dialogVisible">
                                        <img width="100%" :src="dialogImageUrl" alt />
                                    </el-dialog>
                                </div>
                            </div>
                            <!-- <div class="li tuLi" style="width: 1200px">
            <div class="left"><span>*</span>楼盘视频</div>
            <div class="tu">
              <el-upload
                :action="$upLoad"
                :show-file-list="false"
                :list-type="showVideo.length == 0 ? 'picture-card' : ''"
                :on-success="handleVideoSuccess"
                :before-upload="beforeUploadVideo"
                :on-remove="handleVideoRemove"
                :on-progress="uploadVideoProcess"
              >
                <video
                  v-if="showVideo.length > 0 && videoFlag == false"
                  :src="showVideo[0].url"
                  class="avatar"
                  style="height: 165px"
                  controls="controls"
                >
                  您的浏览器不支持视频播放
                </video>
                <i
                  v-if="showVideo.length == 0 && videoUploadPercent == 0"
                  class="el-icon-plus"
                ></i>
                <el-progress
                  v-if="videoUploadPercent > 0"
                  type="circle"
                  :percentage="videoUploadPercent"
                  style="margin-top: 10px"
                ></el-progress>
              </el-upload>
            </div>
          </div> -->
                        </div>
                    </div>
                    <div class="xieyi">
                        <el-checkbox v-model="xieyistate"></el-checkbox>
                        <p>
                            发布即默认同意
                            <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
            >《房屋委托出售协议》</span
          >
          <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
            >《隐私权政策》</span
          > -->
                            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
                            <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
                        </p>
                    </div>
                    <div class="queding" v-if="buildingsstate && auditStatus != '1'" @click="updatebuild">
                        修改
                    </div>
                    <div class="queding" v-else-if="buildingsstate && auditStatus == '1'"
                        style="background: #606266 !important">
                        信息审核中
                    </div>
                    <div class="queding" v-else @click="onSubmits">确认发布</div>
                </div>
                <div v-if="titleIndex == 2">
                    <div class="house_typeform" v-if="!house_type">
                        <div class="Hform">
                            <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="addHousType">
                                <div style="font-size: 25px; margin-bottom: 4px">+</div>
                                <div style="font-size: 16px">新增户型</div>
                            </div>
                            <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="addHousType">新增户型</el-button> -->
                            <el-table :data="housetypeList" border style="width: 100%">
                                <!-- <el-table-column prop="date" label="楼盘名称" width="140">
            </el-table-column> -->
                                <el-table-column prop="title" label="户型" width="96">
                                </el-table-column>
                                <el-table-column prop="houseType" label="户型类别" width="120">
                                </el-table-column>
                                <el-table-column label="图片" width="170">
                                    <template slot-scope="scope">
                                        <img class="icon" :src="$img + scope.row.image" alt="" />
                                    </template>
                                </el-table-column>
                                <el-table-column prop="floorage" label="建筑面积" width="136">
                                </el-table-column>
                                <el-table-column prop="price" label="售价" width="106">
                                </el-table-column>
                                <el-table-column prop="auditStatus" label="状态" width="106">
                                    <template slot-scope="scope">
                                        <span v-if="scope.row.auditStatus == 1">审核中</span>
                                        <span v-if="scope.row.auditStatus == 2">通过</span>
                                        <span v-if="scope.row.auditStatus == 3">拒绝</span>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="createDate" label="创建时间" width="218">
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button type="text" size="small"
                                            @click="typedetails(true, scope.row)">查看</el-button>
                                        <el-button type="text" size="small" v-if="auditStatus == 3"
                                            @click="typedetails(false, scope.row)">修改</el-button>
                                        <el-button type="text" size="small" @click="deletetype(scope.row.id)">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <div class="Hpage">
                            <el-pagination background layout="prev, pager, next" :total="housetypetotal"
                                :page-size="housetypepage.pageSize" :current-change="housetypepage.pageNo"
                                @current-change="housetypechange">
                            </el-pagination>
                        </div>
                    </div>
                </div>
                <div v-if="titleIndex == 2">
                    <div v-if="house_type">
                        <div class="form01">
                            <div class="list">
                                <div class="li">
                                    <div class="left"><span>*</span>户型类别</div>
                                    <div class="right">
                                        <!-- <el-input
                  v-model="houseTypeInfo.title"
                  placeholder="请输入标题"
                ></el-input> -->
                                        <el-select class="huxingleibie" v-model="houseTypeInfo.title" placeholder="请选择户型类别"
                                            style="width: 100%;">
                                            <el-option :label="item.valueName" :value="item.valueName"
                                                v-for="(item, index) in type3" :key="item.id"></el-option>
                                        </el-select>
                                    </div>
                                </div>
                                <div class="li">
                                    <div class="left"><span>*</span>户型分类</div>
                                    <div class="right">
                                        <el-radio-group v-model="houseTypeInfo.type">
                                            <el-radio :label="item.valueName" v-for="(item, index) in type16"
                                                :key="item.id">{{ item.valueName
                                                }}</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                                <div class="li">
                                    <div class="left"><span>*</span>上传户型图</div>
                                    <div class="bottom" style="white-space: break-spaces;">
                                        <el-upload :action="$upLoad" list-type="picture-card"
                                            :on-success="handletypeSuccess" :on-remove="handletypeRemove"
                                            :file-list="houseTypeInfo.image" :limit="9">
                                            <i class="el-icon-plus"></i>
                                        </el-upload>
                                        <el-dialog :visible.sync="dialogVisible">
                                            <img width="100%" />
                                        </el-dialog>
                                    </div>
                                </div>
                                <div class="li border_bottom">
                                    <div class="left"><span>*</span>户型类别</div>
                                    <div class="right">
                                        <el-radio-group v-model="houseTypeInfo.houseType">
                                            <el-radio :label="item.valueName" v-for="(item, index) in type17"
                                                :key="item.id">{{ item.valueName
                                                }}</el-radio>
                                        </el-radio-group>
                                    </div>
                                </div>
                                <div class="li border_bottom">
                                    <div class="left"><span>*</span>建筑面积</div>
                                    <div class="right">
                                        <el-input id="input__inner" placeholder="请填写建筑面积" type="number"
                                            v-model="houseTypeInfo.floorage">
                                            <template slot="append">m²</template>
                                        </el-input>
                                        <!-- <input v-model="houseTypeInfo.floorage" placeholder="请填写建筑面积" />
                <template slot="append">m²</template> -->
                                    </div>
                                </div>
                                <div class="li border_bottom">
                                    <div class="left"><span>*</span>售价(万元)</div>
                                    <span style="font-size:20px;color:#444">约</span>
                                    <div class="right">
                                        <el-input id="input__inner" placeholder="请填写售价" type="number"
                                            v-model="houseTypeInfo.price">
                                            <template slot="append">万元</template>
                                        </el-input>
                                    </div>
                                </div>
                                <!-- <div class="li">
              <div class="left"><span>*</span>内容</div>
              <div class="content" style="width: 100%">
                <el-input
                  type="textarea"
                  v-model="houseTypeInfo.content"
                  rows="10"
                  placeholder="请输入内容"
                ></el-input>
              </div>
            </div> -->
                            </div>
                        </div>
                        <div class="xieyi" v-if="!typesubitmstate">
                            <el-checkbox v-model="xieyistate"></el-checkbox>
                            <p>
                                上传即默认同意
                                <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《房屋委托出售协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《隐私权政策》</span
            > -->
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
                            </p>
                        </div>
                        <div class="queding" v-if="!typesubitmstate" @click="typeUpdate()">
                            提交
                        </div>
                        <div class="back" @click="() => {
                            house_type = false;
                        }
                            ">
                            返回
                        </div>
                    </div>
                </div>
                <!-- 楼盘资讯 -->
                <div v-if="titleIndex == 3">
                    <div class="form02" v-if="BudF">
                        <div class="list">
                            <div class="li">
                                <div class="title">
                                    <el-input v-model="promotiondata.title" placeholder="请输入标题" maxlength="32"></el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="content">
                                    <!-- <el-input
                type="textarea"
                v-model="promotiondata.content"
                placeholder="请输入内容"
              ></el-input> -->
                                    <WangEditor ref="contentEditor" v-model="promotiondata.content"></WangEditor>
                                </div>
                            </div>
                            <div class="li">
                                <div class="Icon">
                                    <div class="IconUpdate">
                                        <el-upload :action="$upLoad" :list-type="informationImg == '' ? 'picture-card' : ''"
                                            :on-success="informationSuccess" :on-remove="informationRemove" :limit="1"
                                            ref="upload8" :on-change="informationuploadFile" :auto-upload="false">
                                            <i class="el-icon-plus" v-if="informationImg == ''"></i>
                                            <img :src="informationImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="informationImg !== ''" />
                                        </el-upload>
                                        <el-dialog :visible.sync="dialogVisible">
                                            <img width="100%" :src="dialogImageUrl" alt />
                                        </el-dialog>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="xieyi">
                            <el-checkbox v-model="xieyistate"></el-checkbox>
                            <p>
                                上传即默认同意
                                <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《帮帮同城用户协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《帮帮同城隐私政策》</span
            > -->
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
                            </p>
                        </div>

                        <div class="queding" v-if="!zixunsubitmstate" @click="promotSubmit">
                            发布
                        </div>
                        <!-- <div class="queding" v-else @click="()=>{BudF = false}">返回</div> -->
                        <div class="back" @click="() => (BudF = false)">返回</div>
                    </div>
                    <div v-if="!BudF">
                        <div class="Budform">
                            <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="addzixun">
                                <div style="font-size: 25px; margin-bottom: 4px">+</div>
                                <div style="font-size: 16px">发布资讯</div>
                            </div>
                            <!-- <div class="li tuLi">
                <div class="left" style="color: #333333">
                  <span>*</span>楼盘资讯
                </div>
				<template v-for="(img, index) in inforList">

                <div class="tu"
				@click="!img.image?addzixun():zixundetails(true, img,index)" :key="img.id">
                  <el-upload
                    action="https://jsonplaceholder.typicode.com/posts/"
                    list-type="picture-card"
                    :disabled="true"

                  >
				  	<img :src="img.image" style="height:100%;width:100%" alt="" v-if="img.image"/>
                    <i class="el-icon-plus" v-if="!img.image"></i>
                  </el-upload>
                  <div class="info">
					<template v-if="img.audit_status == '0'">
						<div class="info-title">审核中</div>
					</template>
                    <template v-if="img.audit_status == '1'">
						<div class="info-title">拒绝</div>
					</template>
                    <template v-if="img.audit_status == '2'">
                      <div class="info-title">{{ img.title || "" }}</div>
                      <div class="info-desc txt2" v-if="img.content" v-html="img.content"></div>
                      <div class="info-operate">
						<el-button type="danger" size='mini' @click.stop="deletezixun(false, img.id)">删除</el-button>
        <el-button type="success" style="white-space:nowrap" size='mini' v-if="img.audit_status==2" @click.stop="zixundetails(false, img,index)">编辑</el-button>
					  </div>
                    </template>
				  </div>

                </div>
				</template>
              </div> -->
                            <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="BudF=true">发布资讯</el-button> -->
                            <el-table :data="inforList" border style="width: 100%">
                                <el-table-column label="图片">
                                    <template slot-scope="scope">
                                        <img class="icon" :src="$img + scope.row.image" alt="" style="height: 100px" />
                                    </template>
                                </el-table-column>
                                <el-table-column prop="title" label="标题"> </el-table-column>
                                <el-table-column prop="audit_status" label="状态" width="106">
                                    <template slot-scope="scope">
                                        <span v-if="scope.row.audit_status == 0">审核中</span>
                                        <span v-if="scope.row.audit_status == 2">通过</span>
                                        <span v-if="scope.row.audit_status == 1">拒绝</span>
                                    </template>
                                </el-table-column>

                                <el-table-column prop="create_date" label="发布时间">
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button type="text" size="small"
                                            @click="zixundetails(true, scope.row)">查看</el-button>
                                        <el-button type="text" size="small" v-if="scope.row.audit_status == 2"
                                            @click="zixundetails(false, scope.row)">修改</el-button>
                                        <el-button type="text" size="small" v-if="scope.row.audit_status == 2"
                                            @click="deletezixun(false, scope.row.id)">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <div class="page">
                            <el-pagination background layout="prev, pager, next" :total="infortotal"
                                :page-size="inforpage.pageSize" :current-change="inforpage.pageNo"
                                @current-change="inforchange">
                            </el-pagination>
                        </div>
                    </div>
                </div>
                <!-- 楼盘轮播 -->
                <div v-if="titleIndex == 8">
                    <div class="form02" v-if="buildBy">
                        <div class="list">
                            <div class="li">
                                <div class="title">
                                    <el-input v-model="buildByData.title" placeholder="请输入标题"></el-input>
                                </div>
                            </div>
                            <div class="li">
                                <div class="content">
                                    <!-- <el-input
                type="textarea"
                v-model="promotiondata.content"
                placeholder="请输入内容"
              ></el-input> -->
                                    <WangEditor ref="carouselEditor" v-model="buildByData.content"></WangEditor>
                                </div>
                            </div>
                            <div class="li">
                                <div class="Icon">
                                    <div class="IconUpdate">
                                        <el-upload :action="$upLoad" :list-type="carouselImg == '' ? 'picture-card' : ''"
                                            :on-success="carouselSuccess" :on-remove="carouselRemove" :limit="1"
                                            ref="upload7" :on-change="carouseluploadFile" :auto-upload="false">
                                            <i class="el-icon-plus" v-if="carouselImg == ''"></i>
                                            <img :src="carouselImg" style="
                  width: 150px;
                  height: 150px;
                  object-fit: contain;
                  cursor: pointer;
                  background-color: #fff;
                  " v-if="carouselImg !== ''" />
                                        </el-upload>
                                        <el-dialog :visible.sync="dialogVisible">
                                            <img width="100%" :src="dialogImageUrl" alt />
                                        </el-dialog>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="xieyi">
                            <el-checkbox v-model="xieyistate"></el-checkbox>
                            <p>
                                上传即默认同意
                                <!-- <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(7)"
              >《帮帮同城用户协议》</span
            >
            <span style="color: #64b6a8; cursor: pointer" @click="toXieyi(2)"
              >《帮帮同城隐私政策》</span
            > -->
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(3)">《帮帮同城用户协议》</span>
                                <span style="color: #64b6a8;cursor: pointer;" @click="toXieyi(2)">《帮帮同城隐私政策》</span>
                            </p>
                        </div>

                        <div class="queding" v-if="!lunbosubitmstate" @click="issuedBy">
                            发布
                        </div>
                        <!-- <div class="queding" v-else @click="()=>{BudF = false}">返回</div> -->
                        <div class="back" @click="() => (buildBy = false)">返回</div>
                    </div>
                    <div v-if="!buildBy">
                        <div class="Budform">
                            <!-- <div
            style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            "
            @click="addlunbo"
          >
            <div style="font-size: 25px; margin-bottom: 4px">+</div>
            <div style="font-size: 16px">发布轮播</div>

          </div> -->
                            <div class="li tuLi">
                                <div class="left" style="color: #333333">
                                    <span>*</span>楼盘轮播
                                </div>
                                <template v-for="(img, index) in carouselList">
                                    <div class="tu" @click="!img.image ? addlunbo(index) : lunbodetails(true, img)"
                                        :key="img.id">
                                        <el-upload action="https://jsonplaceholder.typicode.com/posts/"
                                            list-type="picture-card" :disabled="true">
                                            <img :src="img.image" style="height:100%;width:100%" alt="" v-if="img.image" />
                                            <i class="el-icon-plus" v-if="!img.image"></i>
                                        </el-upload>
                                        <div class="info" v-if="img.id">
                                            <template v-if="img.audit_status == '0'">
                                                <div class="info-title">审核中</div>
                                            </template>
                                            <template v-if="img.audit_status == '1'">
                                                <div class="info-title">拒绝</div>
                                            </template>
                                            <template v-if="img.audit_status == '2'">
                                                <div class="info-title">通过</div>
                                            </template>
                                            <div class="info-desc txt">{{ img.title || "" }}</div>
                                            <!-- <div class="info-desc txt2" v-if="img.content" v-html="img.content"></div> -->
                                            <div class="info-operate">
                                                <el-button type="danger" size="mini"
                                                    @click.stop="deletelunbo(false, img.id)">删除</el-button>
                                                <el-button type="success" style="white-space:nowrap" size="mini"
                                                    @click.stop="lunbodetails(false, img, index)">编辑</el-button>
                                            </div>
                                        </div>
                                        <!-- <el-dialog :visible.sync="dialogVisible">
              <img width="100%" :src="dialogImageUrl" alt />
            </el-dialog> -->
                                    </div>
                                </template>
                            </div>
                            <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="BudF=true">发布资讯</el-button> -->
                            <!-- <el-table :data="carouselList" border style="width: 100%">
            <el-table-column label="图片">
              <template slot-scope="scope">
                <img
                  class="icon"
                  :src="$img + scope.row.image"
                  alt=""
                  style="height: 100px"
                />
              </template>
            </el-table-column>
            <el-table-column prop="title" label="标题"> </el-table-column>
            <el-table-column prop="audit_status" label="状态" width="106">
              <template slot-scope="scope">
                <span v-if="scope.row.audit_status == 0">审核中</span>
                <span v-if="scope.row.audit_status == 2">通过</span>
                <span v-if="scope.row.audit_status == 1">拒绝</span>
              </template>
            </el-table-column>

            <el-table-column prop="create_date" label="发布时间">
            </el-table-column>
            <el-table-column label="操作">
              <template slot-scope="scope">

                <el-button
                  type="text"
                  size="small"
                  @click="lunbodetails(true, scope.row)"
                  >查看</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.audit_status == 2"
                  @click="lunbodetails(false, scope.row)"
                  >修改</el-button
                >
                <el-button
                  type="text"
                  size="small"
                  v-if="scope.row.audit_status == 2"
                  @click="deletelunbo(false, scope.row.id)"
                  >删除</el-button
                >
              </template>
            </el-table-column>
          </el-table> -->
                        </div>
                        <div class="page">
                            <el-pagination background layout="prev, pager, next" :total="carouseltotal"
                                :page-size="carouselpage.pageSize" :current-change="carouselpage.pageNo"
                                @current-change="carouselchange">
                            </el-pagination>
                        </div>
                    </div>
                </div>
                <div v-if="titleIndex == 6">
                    <div class="house_typeform">
                        <div class="Hform">
                            <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="xiaoshouxkClick">
                                <div style="font-size: 25px; margin-bottom: 4px">+</div>
                                <div style="font-size: 16px">新增信息</div>
                            </div>
                            <!-- <el-button type="primary" size="mini" style="height: 44px; width: 97px;" @click="addHousType">新增户型</el-button> -->
                            <el-table :data="preSalePermit" border style="width: 100%">
                                <el-table-column label="楼盘名称" width="160"><template slot-scope="scope">
                                        <div>{{ building.title }}</div>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="presaleNo" label="预售证号" width="160"></el-table-column>
                                <el-table-column prop="issuingTime" label="发证时间" width="160"></el-table-column>
                                <el-table-column prop="boundBuilding" label="绑定楼栋" width="160"></el-table-column>
                                <el-table-column prop="auditStatus" label="状态" width="206">
                                    <template slot-scope="scope">
                                        <span v-if="scope.row.auditStatus == 0">审核中</span>
                                        <span v-if="scope.row.auditStatus == 1">通过</span>
                                        <span v-if="scope.row.auditStatus == 2">拒绝</span>
                                    </template>
                                </el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <!-- <el-button type="text" size="small">查看</el-button> -->
                                        <el-button type="text" size="small" @click="ysupdate(scope.row)">编辑</el-button>
                                        <el-button type="text" size="small" @click="delys(scope.row.id)">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <div class="Hpage">
                            <el-pagination background layout="prev, pager, next" :total="preSalePermitTotal"
                                :page-size="preSalePermitData.pageSize" :current-change="preSalePermitData.pageNo"
                                @current-change="queryYsxkchange">
                            </el-pagination>
                        </div>
                    </div>
                </div>
                <div v-if="titleIndex == 7">
                    <div class="house_typeform">
                        <div class="Hform">
                            <div style="
              width: 105px;
              height: 35px;
              display: flex;
              align-items: center;
              justify-content: center;
              border-radius: 6px;
              cursor: pointer;
              border: #64b6a8 2px solid;
              color: #64b6a8;
              margin-bottom: 10px;
            " @click="xiaoshouxxClick">
                                <div style="font-size: 25px; margin-bottom: 4px">+</div>
                                <div style="font-size: 16px">新增信息</div>
                            </div>
                            <el-table :data="numberList" border style="width: 100%" key="2">
                                <el-table-column label="楼盘名称" width="200">
                                    <template slot-scope="scope">
                                        <div>{{ building.title }}</div>
                                    </template>
                                </el-table-column>
                                <el-table-column prop="building_num" label="销售楼栋" width="200"></el-table-column>
                                <el-table-column prop="title" label="销售户型" width="200"></el-table-column>
                                <el-table-column prop="create_date" label="创建时间" width="270"></el-table-column>
                                <el-table-column label="操作">
                                    <template slot-scope="scope">
                                        <el-button type="text" size="small" @click="xiaosupdate(scope.row)">编辑</el-button>
                                        <el-button type="text" size="small"
                                            @click="delBuildingsNumber(scope.row.id)">删除</el-button>
                                    </template>
                                </el-table-column>
                            </el-table>
                        </div>
                        <div class="Hpage">
                            <el-pagination background layout="prev, pager, next" :total="salesTotal"
                                :page-size="salesData.pageSize" :current-change="salesData.pageNo"
                                @current-change="getBuildingsChage">
                            </el-pagination>
                        </div>
                    </div>
                </div>
                <el-tabs v-model="activeName" v-if="titleIndex == 4" style="left: 32%">
                    <el-tab-pane label="出售发布" name="first">
                        <sellfrom @onubmit="onSubmit"></sellfrom>
                    </el-tab-pane>
                    <el-tab-pane label="出租发布" name="second">
                        <rentfrom @onubmit="onSubmit"></rentfrom>
                    </el-tab-pane>
                </el-tabs>
            </div>
        </div>
        <floor></floor>
        <div class="zbc" v-if="zbc">
            <div class="xiaoshouList" v-if="xiaoshouListShow">
                <div class="el-icon-circle-close" @click="xiaoshouListGuan"></div>
                <div class="tit1">
                    <div class="d1">销售信息</div>
                    <div class="d2" @click="xiaoshouxxClick">
                        <div class="el-icon-circle-plus"></div>
                        <div>新增信息</div>
                    </div>
                </div>
                <div class="biao">
                    <el-table :data="numberList" border style="width: 100%">
                        <el-table-column label="楼盘名称" width="200">
                            <template slot-scope="scope">
                                <div>{{ building.title }}</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="building_num" label="销售楼栋" width="200"></el-table-column>
                        <el-table-column prop="title" label="销售户型" width="200"></el-table-column>
                        <el-table-column prop="create_date" label="创建时间" width="270"></el-table-column>
                        <el-table-column label="操作">
                            <template slot-scope="scope">
                                <!-- <el-button type="text" size="small">查看</el-button> -->
                                <el-button type="text" size="small" @click="xiaosupdate(scope.row)">编辑</el-button>
                                <el-button type="text" size="small" @click="delBuildingsNumber(scope.row.id)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
                <div class="tit1">
                    <div class="d1">预售许可</div>
                    <div class="d2" @click="xiaoshouxkClick">
                        <div class="el-icon-circle-plus"></div>
                        <div>新增信息</div>
                    </div>
                </div>
                <div class="biao">
                    <el-table :data="building.permit" border style="width: 100%">
                        <el-table-column label="楼盘名称" width="160"><template slot-scope="scope">
                                <div>{{ building.title }}</div>
                            </template>
                        </el-table-column>
                        <el-table-column prop="pfzz" label="预售证号" width="160"></el-table-column>
                        <el-table-column prop="fzsj" label="发证时间" width="160"></el-table-column>
                        <el-table-column prop="bdlh" label="绑定楼栋" width="160"></el-table-column>
                        <!-- <el-table-column
              prop="createdata"
              label="创建时间"
              width="270"
            ></el-table-column> -->
                        <el-table-column label="操作">
                            <template slot-scope="scope">
                                <!-- <el-button type="text" size="small">查看</el-button> -->
                                <el-button type="text" size="small" @click="ysupdate(scope.row)">编辑</el-button>
                                <el-button type="text" size="small" @click="delys(scope.row.key)">删除</el-button>
                            </template>
                        </el-table-column>
                    </el-table>
                </div>
            </div>
            <!-- 修改预售许可 -->
            <div class="xiaoshouxkBox" v-if="updatexiaoshou">
                <div class="xiaoshouxx">
                    <div class="el-icon-circle-close" @click="xiaoshouxkGuan"></div>
                    <div class="zbc_tit1">
                        <div class="d1">预售许可</div>
                    </div>
                    <div class="zbc_con1 con1">
                        <div class="li">
                            <div>预售证号</div>
                            <input v-model="preSalePermitNew.presaleNo" placeholder="请填写预售证号" type="text" />
                        </div>
                        <div class="li">
                            <div>发证时间</div>
                            <el-date-picker id="d1-input" v-model="preSalePermitNew.issuingTime" type="date"
                                placeholder="选择发证时间" value-format="yyyy-MM-dd" :picker-options="{
                                    disabledDate(time) {
                                        return time.getTime() > Date.now();
                                    }
                                }">
                            </el-date-picker>
                        </div>
                        <div class="li">
                            <div>绑定楼栋</div>
                            <input v-model="preSalePermitNew.boundBuilding" type="text" placeholder="请填写绑定楼号" />
                        </div>
                    </div>
                    <div @click="xiaoshouxkGuan(2)" class="but">修改</div>
                </div>
            </div>
            <div class="huxing" v-if="huxingShow">
                <div class="titLiat">
                    <div @click="titClick(item.name,index)" :class="xuanzhong == index ? 'li cur' : 'li'"
                        v-for="(item, index) in list" :key="index">
                        <p>{{ item.name }}</p>
                        <img v-if="index == xuanzhong" src="../../assets/xuanzhong.png" />
                    </div>
                </div>
                <div class="list2">
                    <div :class="item.choose ? 'li liXuan' : 'li'" v-for="(item, index) in housetypeList" :key="index"
                        @click="huxingXuan(item)">
                        <img :src="$img + item.image" />
                        <div class="wenzi">
                            <p class="p1">{{ item.title }}</p>
                            <p class="p2">建筑面积：{{ item.floorage }}m²</p>
                            <p class="p3">户型类别：{{ item.houseType }}</p>
                            <p class="p4">{{ item.price }}万元</p>
                        </div>
                    </div>
                </div>
                <el-empty description="暂无户型" v-if="housetypeList.length <= 0"></el-empty>
                <div class="fenye">
                    <el-pagination background layout="prev, pager, next" :total="housetypetotal"
                        :page-size="housetypepage.pageSize" :current-change="housetypepage.pageNo"
                        @current-change="housetypechange"></el-pagination>
                </div>
                <div @click="huxingGuan" class="but">确定</div>
            </div>
            <div class="xiaoshouxxBox" v-if="xiaoshouxxShow">
                <div class="xiaoshouxx">
                    <div class="el-icon-circle-close" @click="xiaoshouxxGuan"></div>
                    <div class="zbc_tit1">
                        <div class="d1">销售信息</div>
                    </div>
                    <div class="zbc_con1">
                        <div class="li">
                            <div>楼号</div>
                            <input v-model="houseNumber.buildingNum" type="text" />
                        </div>
                        <div class="li">
                            <div>开盘时间</div>
                            <el-date-picker id="d1-input" v-model="houseNumber.openingTime" type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                            <!-- <input v-model="houseNumber.openingTime" type="text" /> -->
                        </div>
                        <div class="li d1-input-right">
                            <div>交房时间</div>
                            <el-date-picker id="d1-input" v-model="houseNumber.deliveryTime" type="datetime"
                                value-format="yyyy-MM-dd HH:mm:ss">
                            </el-date-picker>
                            <!-- <input v-model="houseNumber.deliveryTime" type="text" /> -->
                        </div>
                        <div class="li">
                            <div>层数</div>
                            <input v-model="houseNumber.layerNumber" type="number" />
                        </div>
                        <div class="li">
                            <div>单元</div>
                            <input v-model="houseNumber.unitNumber" type="number" />
                        </div>
                        <div class="li">
                            <div>户数</div>
                            <input v-model="houseNumber.housesNumber" type="number" />
                        </div>
                        <div class="li" @click="huxing">
                            <div>户型</div>
                            <input v-model="houseNumber.title" type="text" style="cursor: pointer" />
                        </div>
                    </div>
                    <div @click="xiaoshouxxGuan(1)" class="but">确定</div>
                </div>
            </div>
            <!-- 新增预售许可 -->
            <div class="xiaoshouxkBox" v-if="xiaoshouxkShow">
                <div class="xiaoshouxx">
                    <div class="el-icon-circle-close" @click="xiaoshouxkGuan"></div>
                    <div class="zbc_tit1">
                        <div class="d1">预售许可</div>
                    </div>
                    <div class="zbc_con1 con1">
                        <div class="li">
                            <div>预售证号</div>
                            <input v-model="preSalePermitNew.presaleNo" placeholder="请填写预售证号" type="text" />
                        </div>
                        <div class="li">
                            <div>发证时间</div>
                            <!-- <input
                v-model="fzsj"
                placeholder="请填写发证时间"
                type="text"
              /> -->
                            <el-date-picker id="d1-input" v-model="preSalePermitNew.issuingTime" type="date"
                                placeholder="选择发证时间" value-format="yyyy-MM-dd"
                                :picker-options="{
                                    disabledDate(time) {
                                        return time.getTime() > Date.now();
                                    }
                                }">
                            </el-date-picker>
                        </div>
                        <div class="li">
                            <div>绑定楼栋</div>
                            <input v-model="preSalePermitNew.boundBuilding" type="text" placeholder="请填写绑定楼号" />
                        </div>
                    </div>
                    <div @click="xiaoshouxkGuan(1)" class="but">确定</div>
                </div>
            </div>
            <div id="map" class="map" v-if="mapShow"></div>
        </div>

        <el-dialog title="图片" :visible.sync="dialogFormVisible">
            <div style="width: 100%; height: 500px">
                <vue-cropper autoCrop :fixedBox="option.fixedBox" :fixed="option.fixed" :fixedNumber="option.fixedNumber"
                    :img="showImg" ref="cropper" centerBox />
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="dialogFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="confirmnn">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="图片" :visible.sync="carouselFormVisible">
            <div style="width: 100%; height: 500px">
                <vue-cropper autoCrop :fixedBox="carouseloption.fixedBox" :fixed="carouseloption.fixed"
                    :fixedNumber="carouseloption.fixedNumber" :img="carouselshowImg" ref="carouselcropper" centerBox />
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="carouselFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="carouselfirmnn">确 定</el-button>
            </div>
        </el-dialog>
        <el-dialog title="图片" :visible.sync="informationFormVisible">
            <div style="width: 100%; height: 500px">
                <vue-cropper autoCrop :fixedBox="informationoption.fixedBox" :fixed="informationoption.fixed"
                    :fixedNumber="informationoption.fixedNumber" :img="informationshowImg" ref="informationcropper"
                    centerBox />
            </div>
            <div slot="footer" class="dialog-footer">
                <el-button @click="informationFormVisible = false">取 消</el-button>
                <el-button type="primary" @click="informationfirmnn">确 定</el-button>
            </div>
        </el-dialog>
        <addressmap ref="addmap" @address="onaddress"></addressmap>
    </div>
</template>
<script>
import floor from "@/components/floor";
import heads from "@/components/head";
import ceList from "@/components/ceList.vue";
import titlesearch from "@/components/titlesearch.vue";
import sellfrom from "../../components/sellfrom.vue";
import rentfrom from "../../components/rentfrom";
import addressmap from "../../components/addressMap.vue";
import WangEditor from "../../components/editor/WangEditor";
import axios from "axios";
export default {
    components: {
        floor,
        heads,
        ceList,
        titlesearch,
        sellfrom,
        rentfrom,
        addressmap,
        WangEditor,

    },
    data() {
        return {
            ewmStatus: false,
            activeName: "first",
            videoFlag: true,
            videoUploadPercent: 0,
            compiletypestate: false,
            xieyistate: false,
            title: 1,
            titleIndex: 1,
            type: "住宅",
            typeNum: 1,
            xuan: "",
            danxuan: "",
            nianliat: [],
            nian: "",
            dialogImageUrl: "",
            dialogVisible: false,
            desc: "",
            checkedCities: [],
            zbc: false,
            mapShow: false,
            BudF: false,
            BudFS: false,
            house_type: false,
            cengList: [],
            xiaoshouShow: false,
            xiaoshouListShow: false,
            xiaoshouxxShow: false,
            xiaoshouxkShow: false,
            updatexiaoshou: false,
            huxingShow: false,
            xuanzhong: 0,
            list: [
                { num: 0, name: "全部" },
                { num: 1, name: "一室" },
                { num: 2, name: "二室" },
                { num: 3, name: "三室" },
                { num: 4, name: "四室" }
            ],
            huxingIndex: "",
            tableData: [
                {
                    date: "2016-05-03",
                    name: "王小虎",
                    province: "上海",
                    city: "普陀区",
                    address: "上海市普陀区金沙江路 1516 弄",
                    zip: 200333
                }
            ],
            years: [], //产权年限
            erectType: [], //建筑类型
            building: {
                shopId: JSON.parse(localStorage.getItem("userInfo")).shopId, //店铺id
                title: "", //标题
                starTime: "", //开盘时间
                giveTime: "", //交房时间
                //renovation:'',	//装修标准
                starPrice: "", //起价
                averagePrice: "", //均价
                householdsNum: "", //规划户数
                vehiclesNum: "", //规划车位
                buildingsNum: "", //规划楼座数
                propertyFee: "", //物业费
                erectType: "", //建筑类型
                years: "", //年限
                plotRatio: "", //容积率
                greenRate: "", //绿化率
                areaCovered: "", //占地面积
                floorage: "", //建筑面积
                investor: "", //投资商
                propertyCompany: "", //物业公司
                longitude: "", //经度
                latitude: "", //纬度
                permit: [], //预售许可
                showVideo: [], //视频
                showImg: "", //图片
                address: "", //地址
                isOpen: 3, //楼盘状态
                remarks: "" //楼盘介绍
            },
            auditStatus: "1",
            type3: [],
            type4: [],
            type15: [],
            type17: [],
            type19: [],
            type16: [],
            type21: [],
            buildingsInfo: {},
            buildingsstate: false,
            pfzz: "", //平方注字
            fzsj: "", //发证时间
            bdlh: "", //绑定楼号
            permit: {},
            housetypepage: {
                pageSize: 10,
                pageNo: 1,
                buildingsId: ""
            },
            housetypeList: [],
            housetypetotal: 0,
            typesubitmstate: false,
            inforpage: {
                pageSize: 10,
                pageNo: 1,
                buildingsId: "",
                type: 1
            },
            inforList: [],
            infortotal: 0,
            infor: {},
            numberList: [],
            houseNumber: {
                buildingsId: "",
                buildingNum: "",
                deliveryTime: "",
                houseType: "",
                housesNumber: "",
                openingTime: "",
                unitNumber: "",
                layerNumber: "",
                title: ""
            },
            promotiondata: {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: 1
            },
            houseTypeInfo: {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: "",
                floorage: "",
                price: "",
                houseType: ""
            },
            showImg: [],
            showVideo: [], //楼盘视频
            promotImg: [],
            zixunsubitmstate: false,
            // 预售许可
            preSalePermit: [],
            preSalePermitData: {
                pageSize: 10,
                pageNo: 1,
                buildingsIds: ""
            },
            preSalePermitTotal: 0,
            // 预售许可新增信息
            preSalePermitNew: {
                buildingsId: "",
                presaleNo: "",
                boundBuilding: "",
                issuingTime: ""
            },
            // 修改时预售许可id
            preSalePermitId: "",
            // 销售信息
            salesData: {
                pageSize: 10,
                pageNo: 1,
                id: ""
            },
            salesTotal: 0,
            // 楼盘轮播
            buildBy: false,
            buildByData: {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: 2
            },
            lunbosubitmstate: false,
            carouselpage: {
                pageSize: 10,
                pageNo: 1,
                buildingsId: "",
                type: 2
            },
            carouselList: [],
            carouseltotal: 0,
            portraitImg: "", //楼盘图片
            dialogFormVisible: false,
            option: {
                outputSize: 1, // 裁剪生成图片的质量
                outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
                info: true, // 裁剪框的大小信息
                canScale: false, // 图片是否允许滚轮缩放
                autoCrop: true, // 是否默认生成截图框
                autoCropWidth: 300, // 默认生成截图框宽度
                autoCropHeight: 200, // 默认生成截图框高度
                fixedBox: true, // 固定截图框大小 不允许改变
                fixed: true, // 是否开启截图框宽高固定比例
                fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
                canMove: true, // 上传图片是否可以移动
                canMoveBox: true, // 截图框能否拖动
                original: false, // 上传图片按照原始比例渲染
                centerBox: true, // 截图框是否被限制在图片里面
                infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
                full: true, // 是否输出原图比例的截图
                enlarge: "1", // 图片根据截图框输出比例倍数
                mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
            },
            carouselshowImg: [],
            carouselImg: "", //楼盘图片
            carouselFormVisible: false,
            carouseloption: {
                outputSize: 1, // 裁剪生成图片的质量
                outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
                info: true, // 裁剪框的大小信息
                canScale: false, // 图片是否允许滚轮缩放
                autoCrop: true, // 是否默认生成截图框
                autoCropWidth: 300, // 默认生成截图框宽度
                autoCropHeight: 200, // 默认生成截图框高度
                fixedBox: true, // 固定截图框大小 不允许改变
                fixed: true, // 是否开启截图框宽高固定比例
                fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
                canMove: true, // 上传图片是否可以移动
                canMoveBox: true, // 截图框能否拖动
                original: false, // 上传图片按照原始比例渲染
                centerBox: true, // 截图框是否被限制在图片里面
                infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
                full: true, // 是否输出原图比例的截图
                enlarge: "1", // 图片根据截图框输出比例倍数
                mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
            },
            informationshowImg: [],
            informationImg: "", //楼盘图片
            informationFormVisible: false,
            informationoption: {
                outputSize: 1, // 裁剪生成图片的质量
                outputType: "png", // 裁剪生成图片的格式 jpeg, png, webp
                info: true, // 裁剪框的大小信息
                canScale: false, // 图片是否允许滚轮缩放
                autoCrop: true, // 是否默认生成截图框
                autoCropWidth: 300, // 默认生成截图框宽度
                autoCropHeight: 200, // 默认生成截图框高度
                fixedBox: true, // 固定截图框大小 不允许改变
                fixed: true, // 是否开启截图框宽高固定比例
                fixedNumber: [3, 2], // 截图框的宽高比例 [ 宽度 , 高度 ]
                canMove: true, // 上传图片是否可以移动
                canMoveBox: true, // 截图框能否拖动
                original: false, // 上传图片按照原始比例渲染
                centerBox: true, // 截图框是否被限制在图片里面
                infoTrue: true, // true 为展示真实输出图片宽高 false 展示看到的截图框宽高
                full: true, // 是否输出原图比例的截图
                enlarge: "1", // 图片根据截图框输出比例倍数
                mode: "contain" // 图片默认渲染方式 contain , cover, 100px, 100% auto
            },
            objIndex: {},
            curIndex: 0,
            editable: true,
        };
    },
    watch: {
        titleIndex(newId, oldId) {
            if (newId) return;
            if (
                (this.titleIndex == 3 || this.titleIndex == 8) &&
                this.objIndex(newId)
            ) {
                this.curIndex = objIndex[newId];
            }
        }
    },
    mounted() {
        for (let i = 1950; i < 3000; i++) {
            this.nianliat.push(i);
        }
        for (let i = 1; i < 41; i++) {
            this.cengList.push(i);
        }
    },
    created() {
        this.getBuildings();
        this.getDictionaries();
    },
    methods: {
        // pitchOn(item){
        //   // this.erectType.push(item)
        //   let pitch=this.erectType.indexOf(item)
        //   if (pitch==-1) {
        //     this.erectType.push(item)
        //   }else{
        //     this.erectType=this.erectType.filter(v=>{
        //       return v != item
        //     })
        //   }
        // },
        // 楼盘轮播
        addlunbo(i) {
            if (i) {
                this.objIndex[this.titleIndex] = i;
                this.curIndex = i;
            }

            this.buildBy = true;
            this.lunbosubitmstate = false;
            this.carouselImg = "";
            this.buildByData = {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: 2
            };
            setTimeout(() => {
                this.$refs.carouselEditor.init("");
            }, 1000);
        },
        issuedBy() {
            if (this.xieyistate) {
                let promotion = JSON.parse(JSON.stringify(this.buildByData));
                promotion.buildingsId = this.building.id;
                promotion.image = this.carouselImg;
                if (this.curIndex != "") {
                    promotion.number = this.curIndex;
                }

                if (
                    promotion.title != "" &&
                    promotion.image != "" &&
                    promotion.content != ""
                ) {
                    this.$postHttp("/mob/user/saveTalesPromotion", promotion).then(
                        data => {
                            if (data.code == 200) {
                                this.$message({
                                    message: "发布成功!等待审核",
                                    type: "success",
                                    offset: 120,
                                    duration: 2000
                                });
                                this.buildBy = false;
                                this.carouselpage.pageNo = 1;
                                this.getTalesIssued();
                            }
                        }
                    );
                } else {
                    this.$message({
                        message: "所有内容不能为空，请检查",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                }
            } else {
                this.$message({
                    message: "请勾选用户协议",
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
            }
        },
        getTalesIssued() {
            this.$getHttp("/mob/user/getTalesPromotion", this.carouselpage).then(
                data => {
                    var imgList = [];
                    imgList.push(...new Array(6).fill({}));
                    if (data.code == 200) {
                        data.list.forEach(e => {
                            e.create_date = this.getTime(e.create_date);
                            // e.image = e.image.split("|");
                            imgList.splice(e.number || 0, 1, e);
                        });

                        console.log("data.list", imgList);
                        this.carouselList = imgList;
                        this.carouseltotal = data.count;
                    }
                }
            );
        },
        carouselchange(e) {
            this.carouselpage.pageNo = e;
            this.getTalesIssued();
        },
        // 查看/修改
        lunbodetails(type, item, i) {
            // this.$refs.contentEditor.init("")
            if (i) {
                this.objIndex[this.titleIndex] = i;
                this.curIndex = i;
            }
            if (type) {
                this.lunbosubitmstate = true;
            } else {
                this.lunbosubitmstate = false;
            }
            this.buildBy = true;
            let house = JSON.parse(JSON.stringify(item));
            // let images = [];
            // house.image.forEach((e) => {
            //   images.push({
            //     name: "img",
            //     url: this.$img + e,
            //   });
            // });
            // house.image = images;
            this.carouselImg = house.image;
            this.buildByData = house;
            // this.$nextTick(()=>{
            //   this.$refs.contentEditor.init(this.promotiondata.content)
            // })
            setTimeout(() => {
                this.$refs.carouselEditor.init(this.buildByData.content);
            }, 1000);
        },
        // 删除/置顶楼盘轮播
        deletelunbo(bool, id) {
            if (bool) {
                this.$confirm("此操作将置顶该楼盘资讯, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => { })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消置顶"
                        });
                    });
            } else {
                this.$confirm("此操作将删除该楼盘轮播图片, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        this.$postHttp("/mob/user/deleteTalesPromotion", {
                            ids: id
                        }).then(data => {
                            if (data.code == 200) {
                                this.$message({
                                    type: "info",
                                    message: data.msg
                                });
                                this.getTalesIssued();
                            }
                        });
                    })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消删除"
                        });
                    });
            }
        },
        // 查询预售许可
        queryYsxk() {
            this.preSalePermitData.buildingsId = this.building.id;
            this.$getHttp(
                "/mob/home/querySellingLicense",
                this.preSalePermitData
            ).then(data => {
                if (data.code == 200) {
                    this.preSalePermit = data.sellingLicense;
                    this.preSalePermitTotal = data.count;
                }
            });
        },
        // 预售许可分页
        queryYsxkchange(e) {
            this.preSalePermitData.pageNo = e;
            this.queryYsxk();
        },
        showCode() {
            console.log(111);
            this.ewmStatus = true;
        },
        yc() {
            console.log(222);
            this.ewmStatus = false;
        },
        //查询字典()
        getDictionaries() {
            var that = this;
            this.$getHttp("/mob/home/getDictionaries", {
                type: "4,3,15,17,16,19,21"
            }).then(data => {
                if (data.code == 200) {
                    data.list.forEach(el => {
                        if (el.type == 4) {
                            that.type4.push(el);
                        } else if (el.type == 3) {
                            that.type3.push(el);
                        } else if (el.type == 15) {
                            that.type15.push(el);
                        } else if (el.type == 17) {
                            that.type17.push(el);
                        } else if (el.type == 16) {
                            that.type16.push(el);
                        } else if (el.type == 19) {
                            that.type19.push(el);
                        } else if (el.type == 21) {
                            that.type21.push(el);
                        }
                    });
                }
            });
        },
        //查询是否发布了楼盘，如果发布了则是编辑楼盘，否则是发布楼盘
        getBuildings() {
            this.$getHttp("/mob/user/getBuildingsInfoByUserId", {
                userId: JSON.parse(localStorage.getItem("userInfo")).id
            }).then(data => {
                if (data.code == 200) {
                    if (JSON.stringify(data.buildingsInfo) == "{}") {
                        this.buildingsstate = false;
                        this.editable = true
                        console.log("未发布");
                    } else {
                        this.editable = false
                        this.houseNumber.buildingsId = data.buildingsInfo.id;
                        if (data.buildingsInfo.hasOwnProperty("permit")) {
                            data.buildingsInfo.permit = JSON.parse(
                                decodeURI(data.buildingsInfo.permit)
                            );
                        }
                        this.auditStatus = data.buildingsInfo.auditStatus;
                        // data.buildingsInfo.showImg = data.buildingsInfo.showImg.split("|");
                        data.buildingsInfo.showVideo = data.buildingsInfo.showVideo.split(
                            "|"
                        );
                        this.showImg = [];
                        // data.buildingsInfo.showImg.forEach((e) => {
                        //   this.showImg.push({
                        //     name: "img",
                        //     url: this.$img + e,
                        //   });
                        // });
                        this.portraitImg = data.buildingsInfo.showImg;
                        this.showVideo = [];
                        data.buildingsInfo.showVideo.forEach(e => {
                            this.showVideo.push({
                                name: "video",
                                url: this.$img + e
                            });
                        });
                        if (this.showVideo.length > 0) {
                            this.videoFlag = false;
                        }
                        console.log(this.showVideo);
                        this.erectType = data.buildingsInfo.erectType.split(",");
                        this.years = data.buildingsInfo.years.split(",");
                        this.building = data.buildingsInfo;
                        this.buildingsstate = true;
                        this.housetypepage.buildingsId = data.buildingsInfo.id;
                        this.inforpage.buildingsId = data.buildingsInfo.id;
                        this.carouselpage.buildingsId = data.buildingsInfo.id;
                    }
                }
            });
        },
        onSubmit(item) {
            this.$postHttp("/mob/home/saveHouseInfo", item).then(data => {
                if (data.code == 200) {
                    this.$message({
                        message: "发布成功！",
                        type: "success",
                        offset: 120,
                        duration: 2000
                    });
                }
            });
        },
        //查询楼盘户型
        getHouseType(type) {
            if (type == 1) {
                this.housetypepage.auditStatus = "2";
            } else {
                delete this.housetypepage.auditStatus;
            }
            console.log(this.housetypepage);
            this.$getHttp("/mob/user/getHouseType", this.housetypepage).then(data => {
                if (data.code == 200) {
                    console.log(data, "户型");
                    data.page.list.forEach(e => {
                        e.choose = false;
                        e.image = e.image.split("|");
                    });
                    this.housetypeList = data.page.list;
                    this.housetypetotal = data.page.count;
                }
            });
        },
        //查询楼盘资讯
        getTalesPromotion() {
            this.$getHttp("/mob/user/getTalesPromotion", this.inforpage).then(
                data => {
                    if (data.code == 200) {
                        var imgList = [];
                        imgList.push(...new Array(6).fill({}));
                        data.list.forEach(e => {
                            e.create_date = this.getTime(e.create_date);
                            e.image = e.image.split("|");
                            // imgList.splice(e.number||0,1,e)
                        });

                        this.inforList = data.list;
                        this.infortotal = data.count;
                    }
                }
            );
        },
        //查询楼盘楼号
        getBuildingsNumber() {
            this.salesData.id = this.building.id;
            this.$getHttp("/mob/user/getBuildingsNumber", this.salesData).then(
                data => {
                    if (data.code == 200) {
                        this.numberList = data.list;
                        this.salesTotal = data.count;
                    }
                }
            );
        },
        getBuildingsChage(e) {
            this.salesData.pageNo = e;
            this.getBuildingsNumber();
        },
        //发布楼盘
        onSubmits() {
            let permits = this.building.permit;
            let item = JSON.parse(JSON.stringify(this.building));
            item.erectType = this.erectType.toString();
            item.years = this.years.toString();
            item.showImg = this.portraitImg;
            item.showVideo = this.getImage(this.showVideo);
            item.permit = encodeURI(JSON.stringify(permits));

            const che = this.check(item);
            console.log(item, "11111111");
            if (che.state) {
                // this.$jsonp('https://www.bangbangtongcheng.com/conven/mob/user/saveBuildingsInfo',item).then((data) =>{
                // 		if(data.code == 200){
                // 			this.$message({
                // 			  message: "发布成功！等待审核",
                // 			  type: "success",
                // 			  offset: 120,
                // 			  duration: 2000,
                // 			});
                // 			this.getBuildings()
                // 		}
                // })
                this.$postHttp("/mob/user/saveBuildingsInfo", item).then(data => {
                    if (data.code == 200) {
                        this.$message({
                            message: "发布成功！等待审核",
                            type: "success",
                            offset: 120,
                            duration: 2000
                        });
                        this.getBuildings();
                    }
                });
            } else {
                this.$message({
                    message: che.msg,
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
            }
        },
        //修改楼盘
        updatebuild() {
            let permits = this.building.permit;
            let item = JSON.parse(JSON.stringify(this.building));
            item.erectType = this.erectType.toString();
            item.years = this.years.toString();
            console.log(item.erectType);
            item.showImg = this.portraitImg;
            item.showVideo = this.getImage(this.showVideo);
            item.permit = encodeURI(JSON.stringify(permits));
            item.auditStatus = "1";
            delete item.createDate;
            delete item.updateDate;
            const che = this.check(item);
            if (che.state) {
                this.$confirm("重新修改内容需平台审核，是否确认修改", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        this.$postHttp("/mob/user/saveBuildingsInfo", item).then(data => {
                            if (data.code == 200) {
                                this.$message({
                                    message: "修改成功",
                                    type: "success",
                                    offset: 120,
                                    duration: 2000
                                });
                                this.getBuildings();
                            }
                        });
                    })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消修改"
                        });
                    });
            } else {
                this.$message({
                    message: che.msg,
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
            }
        },
        //发布房源
        submits(info) {
            this.$postHttp("/mob/home/saveHouseInfo", info).then(data => {
                console.log(data);
            });
            console.log(info);
        },
        //发布楼盘资讯
        promotSubmit() {
            if (this.xieyistate) {
                let promotion = JSON.parse(JSON.stringify(this.promotiondata));
                promotion.buildingsId = this.building.id;
                promotion.image = Array.isArray(this.informationImg)
                    ? this.informationImg.join()
                    : this.informationImg;
                if (this.curIndex != "") {
                    promotion.number = this.curIndex;
                }
                // console.log('promotion',promotion);
                // return
                if (
                    promotion.title != "" &&
                    promotion.image != "" &&
                    promotion.content != ""
                ) {
                    this.$postHttp("/mob/user/saveTalesPromotion", promotion).then(
                        data => {
                            if (data.code == 200) {
                                this.$message({
                                    message: "发布成功!等待审核",
                                    type: "success",
                                    offset: 120,
                                    duration: 2000
                                });
                                this.BudF = false;
                                this.inforpage.pageNo = 1;
                                this.getTalesPromotion();
                            }
                        }
                    );
                } else {
                    this.$message({
                        message: "所有内容不能为空，请检查",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                }
            } else {
                this.$message({
                    message: "请勾选用户协议",
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
            }
        },
        getImage(arr) {
            if (arr.length == 1) {
                return arr[0].url;
            } else {
                let str = [];
                arr.forEach(e => {
                    str.push(e.url);
                });
                return str.join("|");
            }
        },
        mapClick() {
            this.zbc = true;
            this.mapShow = true;
            this.initMap();
        },
        check(item) {
            if (item.title == "") {
                return {
                    state: false,
                    msg: "请填写楼盘标题"
                };
            }
            console.log(item.starTime);
            if (item.starTime == "" || !item.starTime) {
                return {
                    state: false,
                    msg: "请填写开盘时间"
                };
            }
            if (item.giveTime == "" || !item.giveTime) {
                return {
                    state: false,
                    msg: "请填写交房时间"
                };
            }
            // if(item.renovation == ''){
            // 	return {
            // 		state:false,
            // 		msg:'请选择装修标准'
            // 	}
            // }
            if (!item.starPrice) {
                return {
                    state: false,
                    msg: "请填写起价"
                };
            }
            if (item.averagePrice == "") {
                return {
                    state: false,
                    msg: "请填写均价(可输入待定)"
                };
            }
            if (item.householdsNum == "") {
                return {
                    state: false,
                    msg: "请填写规划户数"
                };
            }
            if (item.vehiclesNum == "") {
                return {
                    state: false,
                    msg: "请填写规划车位"
                };
            }
            if (item.buildingsNum == "") {
                return {
                    state: false,
                    msg: "请填写规划楼座数"
                };
            }
            if (item.propertyFee == "") {
                return {
                    state: false,
                    msg: "请填写物业费"
                };
            }
            if (item.erectType == "") {
                return {
                    state: false,
                    msg: "请选择建筑类型"
                };
            }
            if (item.years == "") {
                return {
                    state: false,
                    msg: "请填写年限"
                };
            }
            if (item.plotRatio == "") {
                return {
                    state: false,
                    msg: "请填写容积率"
                };
            }
            if (item.greenRate == "") {
                return {
                    state: false,
                    msg: "请填写绿化率"
                };
            }
            if (item.areaCovered == "") {
                return {
                    state: false,
                    msg: "请填写占地面积"
                };
            }
            if (item.floorage == "") {
                return {
                    state: false,
                    msg: "请填写建筑面积"
                };
            }
            if (item.investor == "") {
                return {
                    state: false,
                    msg: "请填写投资商"
                };
            }
            if (item.propertyCompany == "") {
                return {
                    state: false,
                    msg: "请填写物业公司"
                };
            }
            if (item.address == "") {
                return {
                    state: false,
                    msg: "请选择地址"
                };
            }
            if (item.longitude == "") {
                return {
                    state: false,
                    msg: "请选择地址"
                };
            }
            if (item.latitude == "") {
                return {
                    state: false,
                    msg: "请选择地址"
                };
            }
            if (item.isOpen == 3) {
                return {
                    state: false,
                    msg: "请选择楼盘状态"
                };
            }
            if (item.remarks == "") {
                return {
                    state: false,
                    msg: "请填写楼盘介绍"
                };
            }
            // if (item.showImg == "") {
            //   return {
            //     state: false,
            //     msg: "请上传楼盘图片",
            //   };
            // }
            // if (item.showVideo == "") {
            //   return {
            //     state: false,
            //     msg: "请上传楼盘视频",
            //   };
            // }
            if (item.permit == "[]") {
                return {
                    state: false,
                    msg: "请填写预售许可"
                };
            }
            if (!this.xieyistate) {
                return {
                    state: false,
                    msg: "请勾选用户协议"
                };
            }
            return {
                state: true
            };
        },
        handleCommand(command) {
            this.type = command;
            if (command == "住宅") {
                this.typeNum = 1;
            } else if (command == "商铺") {
                this.typeNum = 2;
            } else if (command == "写字楼") {
                this.typeNum = 3;
            } else if (command == "厂房") {
                this.typeNum = 4;
            } else if (command == "土地") {
                this.typeNum = 5;
            } else if (command == "车位") {
                this.typeNum = 6;
            }
        },
        addressopen() {
            if (this.editable)
                this.$refs.addmap.open();
        },
        onaddress(item) {
            this.building.latitude = String(item.location.lat);
            this.building.longitude = String(item.location.lng);
            this.building.address = item.address;
        },
        titleClick(num) {
            this.titleIndex = num;
            // 楼盘轮播
            // console.log('this.buildByData',this.buildByData);
            // 楼盘资讯
            // console.log('this.promotiondata',this.promotiondata);
            if (num == 2) {
                this.getHouseType();
            } else if (num == 3) {
                this.getTalesPromotion();
                setTimeout(() => {
                    this.$refs.contentEditor &&
                        this.$refs.contentEditor.init(this.promotiondata.content);
                }, 1000);
            } else if (num == 6) {
                this.queryYsxk();
            } else if (num == 7) {
                this.getBuildingsNumber();
            } else if (num == 8) {
                this.getTalesIssued();
                setTimeout(() => {
                    this.$refs.carouselEditor &&
                        this.$refs.carouselEditor.init(this.buildByData.content);
                }, 1000);
            }
        },
        housetypechange(e) {
            this.housetypepage.pageNo = e;
            this.getHouseType();
        },
        xiaoshouClick() {
            this.xiaoshouListShow = true;
            this.getBuildingsNumber();
            // if (this.tableData.length == 0) {
            //   this.xiaoshouShow = true;
            // } else {
            //   this.xiaoshouListShow = true;
            // }
        },
        //查看/修改户型介绍
        typedetails(type, item) {
            this.typesubitmstate = type;
            let house = JSON.parse(JSON.stringify(item));
            let images = [];
            house.image.forEach(e => {
                images.push({
                    name: "img",
                    url: this.$img + e
                });
            });
            house.image = images;
            this.houseTypeInfo = house;
            this.house_type = true;
            console.log("查看");
        },
        addzixun() {
            this.BudF = true;
            this.zixunsubitmstate = false;
            this.informationImg = "";
            this.promotiondata = {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: 1
            };
            setTimeout(() => {
                this.$refs.contentEditor.init("");
            }, 1000);
        },
        //查看/修改楼盘资讯
        zixundetails(type, item) {
            // this.$refs.contentEditor.init("")
            if (type) {
                this.zixunsubitmstate = true;
            } else {
                this.zixunsubitmstate = false;
            }
            this.BudF = true;
            // this.zixunsubitmstate = true;
            let house = JSON.parse(JSON.stringify(item));
            // let images = [];
            // house.image.forEach((e) => {
            //   images.push({
            //     name: "img",
            //     url: this.$img + e,
            //   });
            // });
            // house.image = images;
            this.informationImg = house.image;
            console.log(house, "修改");
            this.promotiondata = house;
            // this.$nextTick(()=>{
            //   this.$refs.contentEditor.init(this.promotiondata.content)
            // })
            setTimeout(() => {
                console.log(11111111111);
                this.$refs.contentEditor.init(this.promotiondata.content);
            }, 1000);
        },
        //置顶删除楼盘资讯
        deletezixun(bool, id) {
            if (bool) {
                this.$confirm("此操作将置顶该楼盘资讯, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => { })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消置顶"
                        });
                    });
            } else {
                this.$confirm("此操作将删除该楼盘资讯, 是否继续?", "提示", {
                    confirmButtonText: "确定",
                    cancelButtonText: "取消",
                    type: "warning"
                })
                    .then(() => {
                        this.$postHttp("/mob/user/deleteTalesPromotion", {
                            ids: id
                        }).then(data => {
                            if (data.code == 200) {
                                this.$message({
                                    type: "info",
                                    message: data.msg
                                });
                                this.getTalesPromotion();
                            }
                        });
                    })
                    .catch(() => {
                        this.$message({
                            type: "info",
                            message: "已取消删除"
                        });
                    });
            }
        },
        addHousType() {
            this.houseTypeInfo = {
                buildingsId: "",
                title: "",
                image: [],
                content: "",
                type: "",
                floorage: "",
                price: "",
                houseType: ""
            };
            this.house_type = true;
            this.BudF = false;
            this.typesubitmstate = false;
        },
        //修改户型介绍
        typeUpdate() {
            console.log("户型介绍");
            this.zixunsubitmstate = true;
            let house = JSON.parse(JSON.stringify(this.houseTypeInfo));
            let data = {};
            let image = [];
            house.image.forEach(e => {
                image.push(e.url);
            });
            house.image = image.join("|");
            data.floorage = house.floorage;
            data.price = house.price;
            data.houseType = house.houseType;
            data.type = house.type;
            data.image = house.image;
            // data.content = house.content;
            data.title = house.title;
            data.buildingsId = this.building.id;
            data.remarks = " ";
            if (house.id) {
                data.ids = house.id;
            }
            if (
                data.floorage == "" ||
                data.price == "" ||
                data.houseType == "" ||
                data.type == "" ||
                data.image == "" ||
                // data.content == "" ||
                data.title == ""
            ) {
                this.$message({
                    message: "所有内容不能为空！",
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
                return false;
            }
            if (this.xieyistate) {
                this.$postHttp("/mob/user/updateHouseType", data).then(data => {
                    if (data.code == 200) {
                        this.$message({
                            message: data.msg,
                            type: "success",
                            offset: 120,
                            duration: 2000
                        });

                        this.house_type = false;
                        this.getHouseType();
                    }
                });
            } else {
                this.$message({
                    message: "请勾选用户协议",
                    type: "error",
                    offset: 120,
                    duration: 2000
                });
            }
        },
        //删除户型介绍
        deletetype(id) {
            this.$confirm("此操作将删除该户型介绍, 是否继续?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    this.$postHttp("/mob/user/deleteHouseType", { ids: id }).then(
                        data => {
                            if (data.code == 200) {
                                this.$message({
                                    type: "success",
                                    message: "删除成功!"
                                });
                                this.housetypepage.pageNo = 1;
                                this.getHouseType();
                            }
                        }
                    );
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消删除"
                    });
                });
        },
        xiaoshouGuan() {
            this.zbc = false;
            this.xiaoshouShow = false;
        },
        xiaoshouListGuan() {
            this.zbc = false;
            this.xiaoshouListShow = false;
            this.houseNumberRemove();
        },
        xiaoshouxxClick() {
            this.houseNumberRemove();
            this.zbc = true;
            this.xiaoshouxxShow = true;
        },
        houseNumberRemove() {
            this.houseNumber = {
                buildingNum: "",
                deliveryTime: "",
                houseType: "",
                housesNumber: "",
                openingTime: "",
                unitNumber: "",
                layerNumber: "",
                title: ""
            };
        },
        //新增销售信息
        xiaoshouxxGuan(type) {
            if (type == 1) {
                let housenumber = this.houseNumber;
                housenumber.buildingsId = this.building.id;
                if (
                    housenumber.buildingNum != "" &&
                    housenumber.deliveryTime != "" &&
                    housenumber.houseType != "" &&
                    housenumber.layerNumber != "" &&
                    housenumber.housesNumber != "" &&
                    housenumber.openingTime != "" &&
                    housenumber.unitNumber != "" &&
                    housenumber.title != ""
                ) {
                    if (new Date(houseNumber.deliveryTime) > new Date(houseNumber.openingTime)) {
                        this.myErrorMessage('开盘时间不允许早于交房时间')
                        return
                    }
                    this.$postHttp("/mob/user/updateBuildingsNumber", housenumber).then(
                        data => {
                            if (data.code == 200) {
                                this.$message({
                                    message: data.msg,
                                    type: "success",
                                    offset: 120,
                                    duration: 2000
                                });
                                this.houseNumberRemove();
                                this.xiaoshouxxShow = false;
                                this.getBuildingsNumber();
                            }
                        }
                    );
                } else {
                    this.$message({
                        message: "所有内容不能为空！",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                }
                console.log(this.houseNumber);
            } else {
                this.xiaoshouxxShow = false;
            }
            this.zbc = false;
        },
        xiaoshouxkClick() {
            this.pfzz = "";
            this.fzsj = "";
            this.bdlh = "";
            this.zbc = true;
            this.xiaoshouxkShow = true;
        },
        //删除预售许可
        delys(id) {
            this.$confirm("此操作将永久该预售许可, 是否继续?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    this.$postHttp("/mob/home/deleteSellingLicense", {
                        ids: id
                    }).then(data => {
                        if (data.code == 200) {
                            this.$message({
                                type: "success",
                                message: "删除成功!"
                            });
                            this.queryYsxk();
                        }
                    });
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消删除"
                    });
                });
        },
        //修改预售许可
        ysupdate(item) {
            // this.preSalePermitNew = JSON.parse(JSON.stringify(item));
            let preSale = JSON.parse(JSON.stringify(item));
            this.preSalePermitNew.presaleNo = preSale.presaleNo;
            this.preSalePermitNew.boundBuilding = preSale.boundBuilding;
            this.preSalePermitNew.issuingTime = preSale.issuingTime;
            this.preSalePermitId = preSale.id;
            this.zbc = true;
            this.updatexiaoshou = true;
        },
        delBuildingsNumber(id) {
            this.$confirm("是否确认删除?", "提示", {
                confirmButtonText: "确定",
                cancelButtonText: "取消",
                type: "warning"
            })
                .then(() => {
                    this.$postHttp("/mob/user/delBuildingsNumber", { id: id }).then(
                        data => {
                            if (data.code == 200) {
                                this.$message({
                                    type: "success",
                                    message: "操作成功!"
                                });
                                this.getBuildingsNumber();
                            }
                        }
                    );
                })
                .catch(() => {
                    this.$message({
                        type: "info",
                        message: "已取消"
                    });
                });
        },
        //修改销售信息
        xiaosupdate(item) {
            let houseNumbers = JSON.parse(JSON.stringify(item));
            this.houseNumber = {
                buildingNum: houseNumbers.building_num,
                deliveryTime: houseNumbers.delivery_time,
                houseType: houseNumbers.house_type,
                housesNumber: houseNumbers.houses_number,
                openingTime: houseNumbers.opening_time,
                unitNumber: houseNumbers.unit_number,
                layerNumber: houseNumbers.layer_number,
                id: houseNumbers.id,
                buildingsId: houseNumbers.buildings_id,
                title: houseNumbers.title
            };
            console.log(this.houseNumber.layerNumber);
            this.zbc = true;
            this.xiaoshouxxShow = true;
            console.log(item);
        },
        //新增预售许可
        xiaoshouxkGuan(type) {
            if (type == 1 || type == 2) {
                this.preSalePermitNew.buildingsId = this.building.id;
                if (type == 2) {
                    this.preSalePermitNew.id = this.preSalePermitId;
                    this.preSalePermitId = "";
                }
                if (this.preSalePermitNew.presaleNo.trim() == "") {
                    this.$message({
                        message: "预售证号不能为空！",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                    return;
                }
                if (this.preSalePermitNew.boundBuilding.trim() == "") {
                    this.$message({
                        message: "发证时间不能为空！",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                    return;
                }
                if (this.preSalePermitNew.issuingTime.trim() == "") {
                    this.$message({
                        message: "绑定楼号不能为空！",
                        type: "error",
                        offset: 120,
                        duration: 2000
                    });
                    return;
                }
                this.$postHttp(
                    "/mob/home/saveOrUpdateSellingLicense",
                    this.preSalePermitNew
                ).then(data => {
                    if (data.code == 200) {
                        console.log(data, "预售许可");
                        this.$message({
                            message: data.msg,
                            type: "success",
                            offset: 120,
                            duration: 2000
                        });
                        this.queryYsxk();
                    }
                });
            }
            this.preSalePermitNew = {
                buildingsId: "",
                presaleNo: "",
                boundBuilding: "",
                issuingTime: ""
            };
            this.updatexiaoshou = false;
            this.xiaoshouxkShow = false;
            this.zbc = false;
        },
        getDay() {
            var nowDate = new Date();
            var year = nowDate.getFullYear();
            var month =
                nowDate.getMonth() + 1 < 10
                    ? "0" + (nowDate.getMonth() + 1)
                    : nowDate.getMonth() + 1;
            var day =
                nowDate.getDate() < 10 ? "0" + nowDate.getDate() : nowDate.getDate();
            return year + "-" + month + "-" + day;
        },
        huxing() {
            this.huxingShow = true;
            this.housetypepage.pageNo = 1;
            this.getHouseType(1);
        },
        huxingXuan(item) {
            this.housetypeList.forEach(e => {
                if (e.id == item.id) {
                    e.choose = !e.choose;
                }
            });
            //this.huxingIndex = num;
        },
        huxingGuan() {
            this.huxingShow = false;
            let numberid = [];
            let titles = [];
            this.housetypeList.forEach(e => {
                console.log(e, "eeeeeeeeeeee");
                if (e.choose) {
                    titles.push(e.title);
                    numberid.push(e.id);
                }
            });
            this.houseNumber.houseType = String(numberid);
            this.houseNumber.title = String(titles);
            console.log(this.houseNumber.title, "11111111111111");
        },
        xuanlouceng() {
            this.zbc = true;
        },
        wancheng() {
            this.zbc = false;
        },
        handleRemove(file, fileList) {
            console.log(file);
            for (var i = 0; i < this.showImg.length; i++) {
                if (this.showImg[i].url == file.url) {
                    this.showImg.splice(i, 1);
                }
            }
        },
        handleVideoRemove(file, fileList) {
            for (var i = 0; i < this.showVideo.length; i++) {
                if (this.showVideo[i].url == file.url) {
                    this.showVideo.splice(i, 1);
                }
            }
        },
        handlepromotRemove(file, fileList) {
            for (var i = 0; i < this.promotiondata.image.length; i++) {
                if (this.promotiondata.image[i].url == file.url) {
                    this.promotiondata.image.splice(i, 1);
                }
            }
        },
        buildByDatatRemove(file, fileList) {
            for (var i = 0; i < this.buildByData.image.length; i++) {
                if (this.buildByData.image[i].url == file.url) {
                    this.buildByData.image.splice(i, 1);
                }
            }
        },
        handletypeRemove(file, fileList) {
            for (var i = 0; i < this.houseTypeInfo.image.length; i++) {
                if (this.houseTypeInfo.image[i].url == file.url) {
                    this.houseTypeInfo.image.splice(i, 1);
                }
            }
        },
        handletypeSuccess(response, file, fileList) {
          this.houseTypeInfo.image.push({
              name: "img",
              url: response.data[0].url
          });
        },

        beforeUpload(file, fileList) {
            console.log(1111111111);
            if (file.size / (1024 * 1024) > 20) {
                // 限制文件大小
                this.$message.warning(`当前限制文件大小不能大于20M`);
                return false;
            }
            let suffix = file.name.substring(file.name.lastIndexOf(".") + 1); //获取文件后缀名
            let suffixArray = ["jpg", "png", "jpeg", "gif"]; //限制的文件类型，根据情况自己定义
            if (suffixArray.indexOf(suffix.toLowerCase()) === -1) {
                this.$message({
                    message: "文件格式错误",
                    type: "error",
                    duration: 2000
                });
                return false;
            }
            return true;
        },
        beforeUploadVideo(file, fileList) {
            console.log(1111111111);
            if (file.size / (1024 * 1024) > 50) {
                // 限制文件大小
                this.$message.warning(`当前限制文件大小不能大于50M`);
                return false;
            }
            let suffix = file.name.substring(file.name.lastIndexOf(".") + 1); //获取文件后缀名
            let suffixArray = [
                "mp4",
                "flv",
                "avi",
                "mpg",
                "wmv",
                "3gp",
                "mov",
                "asf",
                "asx",
                "vob",
                "wmv9",
                "rm",
                "rmvb"
            ]; //限制的文件类型，根据情况自己定义
            if (suffixArray.indexOf(suffix.toLowerCase()) === -1) {
                this.$message({
                    message: "文件格式错误",
                    type: "error",
                    duration: 2000
                });
                return false;
            }
            return true;
        },
        uploadVideoProcess(event, file, fileList) {
            this.videoFlag = true;
            console.log(file.percentage, "上传进度");
            this.videoUploadPercent = parseFloat(file.percentage.toFixed(0));
        },
        handleExceed(files, fileList) {
            this.$message.warning(
                `当前限制选择 9 个文件，本次选择了 ${files.length
                } 个文件，共选择了 ${files.length + this.houseImage.length} 个文件`
            );
        },

        handleVideoSuccess(response, file, fileList) {
            this.videoFlag = false;
            this.videoUploadPercent = 0;
            this.showVideo = [];
            this.showVideo.push({
                name: "video",
                url: response.data[0].url
            });
        },
        handleSuccess(response, file, fileList) {
            console.log(fileList);
            this.showImg.push({
                name: "img",
                url: response.data[0].url
            });
        },
        handlepromotSuccess(response, file, fileList) {
            this.promotiondata.image.push({
                name: "img",
                url: response.data[0].url
            });
        },
        buildByDataSuccess(response, file, fileList) {
            this.buildByData.image.push({
                name: "img",
                url: response.data[0].url
            });
        },
        inforchange(e) {
            this.inforpage.pageNo = e;
            this.getTalesPromotion();
        },
        // handlePictureCardPreview(file) {
        //   this.dialogImageUrl = file.url;
        //   this.dialogVisible = true;
        // },
        //时间戳改成2018-10-10 09:20:03形式
        getTime(value) {
            var b = new Date(value);
            var year = b.getFullYear() + "-";
            var month = b.getMonth() + 1;
            var date = b.getDate();
            var hour = b.getHours();
            var min = b.getMinutes();
            var second = b.getSeconds();
            if (month < 10) {
                month = "0" + (b.getMonth() + 1) + "-";
            } else {
                month = b.getMonth() + 1 + "-";
            }
            if (date < 10) {
                date = "0" + b.getDate();
            }
            if (hour < 10) {
                hour = "0" + b.getHours() + ":";
            } else {
                hour = b.getHours() + ":";
            }
            if (min < 10) {
                min = "0" + b.getMinutes() + ":";
            } else {
                min = b.getMinutes() + ":";
            }
            if (second < 10) {
                second = "0" + b.getSeconds();
            }
            var str =
                String(year) +
                String(month) +
                String(date) +
                " " +
                String(hour) +
                String(min) +
                String(second);
            return str;
        },
        titClick(name,index) {
            this.xuanzhong = index;
            if (name == "全部") {
                delete this.housetypepage.houseType;
            } else {
                this.housetypepage.houseType = name;
            }
            this.housetypepage.pageNo = 1;
            this.getHouseType(1);
        },
        toXieyi(id) {
            window.open(
                "https://www.bangbangtongcheng.com/conven_pc/#/index/particulars?type=prot&id=" +
                id,
                "_blank"
            );
        },
        // 裁剪图片
        portraitSuccess(response, file, fileList) {
            this.portraitImg = response.data[0].url;
        },
        portraitRemove(file, fileList) {
            this.portraitImg = "";
        },
        uploadFile(file, fileList) {
            console.log(file, fileList);
            this.$refs.upload6.clearFiles();
            if (file.percentage + "" == "0") {
                const isJPG =
                    file.raw.type.substring(0, 5) === "image" ||
                    file.raw.type.substring(6, 7) == "g";
                const isLt2M = file.raw.size / 1024 / 1024 < 2;
                if (!isJPG) {
                    this.$message.error("上传头像图片只能是图片格式!");
                    return;
                }
                if (!isLt2M) {
                    this.$message.error("上传图片大小不能超过2M");
                    return;
                }

                //    this.showImg =file.raw
                this.showImg = URL.createObjectURL(file.raw);
                this.dialogFormVisible = true;
            }
        },
        confirmnn() {
            this.dialogFormVisible = false;
            this.getCropData();
        },
        //裁剪圖片
        getCropData() {
            let self = this;
            this.$refs.cropper.getCropData(data => {
                console.log(data);
                let param = new FormData(); // 创建form对象
                param.append("file", this.dataURLtoBlob(data)); // 通过append向form对象添加数据
                let config = {
                    headers: {
                        "Content-Type":
                            "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
                    }
                };
                // 添加请求头
                axios.post(this.$upLoad, param, config).then(response => {
                    response = response.data;
                    if (response.code === 200) {
                        self.portraitImg = response.data[0].url;
                    }
                });
            });
        },
        dataURLtoBlob(dataurl) {
            var arr = dataurl.split(","),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new Blob([u8arr], { type: mime });
        },
        // 裁剪图片
        carouselSuccess(response, file, fileList) {
            this.carouselImg = response.data[0].url;
        },
        carouselRemove(file, fileList) {
            this.carouselImg = "";
        },
        carouseluploadFile(file, fileList) {
            console.log(file, fileList);
            this.$refs.upload7.clearFiles();
            if (file.percentage + "" == "0") {
                const isJPG =
                    file.raw.type.substring(0, 5) === "image" ||
                    file.raw.type.substring(6, 7) == "g";
                const isLt2M = file.raw.size / 1024 / 1024 < 2;
                if (!isJPG) {
                    this.$message.error("上传头像图片只能是图片格式!");
                    return;
                }
                if (!isLt2M) {
                    this.$message.error("上传图片大小不能超过2M");
                    return;
                }

                //    this.showImg =file.raw
                this.carouselshowImg = URL.createObjectURL(file.raw);
                this.carouselFormVisible = true;
            }
        },
        carouselfirmnn() {
            this.carouselFormVisible = false;
            this.carouselCropData();
        },
        //裁剪圖片
        carouselCropData() {
            let self = this;
            this.$refs.carouselcropper.getCropData(data => {
                console.log(data);
                let param = new FormData(); // 创建form对象
                param.append("file", this.carouselURLtoBlob(data)); // 通过append向form对象添加数据
                let config = {
                    headers: {
                        "Content-Type":
                            "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
                    }
                };
                // 添加请求头
                axios.post(this.$upLoad, param, config).then(response => {
                    response = response.data;
                    if (response.code === 200) {
                        self.carouselImg = response.data[0].url;
                    }
                });
            });
        },
        carouselURLtoBlob(dataurl) {
            var arr = dataurl.split(","),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new Blob([u8arr], { type: mime });
        },
        // 裁剪图片
        informationSuccess(response, file, fileList) {
            this.informationImg = response.data[0].url;
        },
        informationRemove(file, fileList) {
            this.informationImg = "";
        },
        informationuploadFile(file, fileList) {
            console.log(file, fileList);
            this.$refs.upload8.clearFiles();
            if (file.percentage + "" == "0") {
                const isJPG =
                    file.raw.type.substring(0, 5) === "image" ||
                    file.raw.type.substring(6, 7) == "g";
                const isLt2M = file.raw.size / 1024 / 1024 < 2;
                if (!isJPG) {
                    this.$message.error("上传头像图片只能是图片格式!");
                    return;
                }
                if (!isLt2M) {
                    this.$message.error("上传图片大小不能超过2M");
                    return;
                }

                //    this.showImg =file.raw
                this.informationshowImg = URL.createObjectURL(file.raw);
                this.informationFormVisible = true;
            }
        },
        informationfirmnn() {
            this.informationFormVisible = false;
            this.informationCropData();
        },
        //裁剪圖片
        informationCropData() {
            let self = this;
            this.$refs.informationcropper.getCropData(data => {
                console.log(data);
                let param = new FormData(); // 创建form对象
                param.append("file", this.informationURLtoBlob(data)); // 通过append向form对象添加数据
                let config = {
                    headers: {
                        "Content-Type":
                            "multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq"
                    }
                };
                // 添加请求头
                axios.post(this.$upLoad, param, config).then(response => {
                    response = response.data;
                    if (response.code === 200) {
                        self.informationImg = response.data[0].url;
                    }
                });
            });
        },
        informationURLtoBlob(dataurl) {
            var arr = dataurl.split(","),
                mime = arr[0].match(/:(.*?);/)[1],
                bstr = atob(arr[1]),
                n = bstr.length,
                u8arr = new Uint8Array(n);
            while (n--) {
                u8arr[n] = bstr.charCodeAt(n);
            }
            return new Blob([u8arr], { type: mime });
        }
    }

};
</script>
<style lang="less" scoped>
.map {
    position: absolute;
    width: 400px;
    height: 400px;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%) !important;
}

/deep/.map a {
    display: none !important;
}

.box {
    position: relative;
    padding-bottom: 200px;

    .gerenBox {
        width: 1200px;
        margin-left: 50%;
        transform: translateX(-50%);
        margin-top: 32px;
        margin-bottom: 45px;

        .con {
            display: inline-block;
            box-sizing: border-box;
            vertical-align: top;
            width: 936px;
            color: #333;
            border: 1px solid #d0d0d0;
            border-radius: 6px;

            .nav-title {
                display: flex;
                height: 34px;
                line-height: 34px;
                font-size: 24px;
                font-weight: 500;
                color: #333333;
                line-height: 34px;
                padding: 16px 40px 12px;
                border-bottom: 1px solid #DCDCDC;

                div {
                    white-space: nowrap;
                    margin-right: 32px;

                    &.color {
                        color: #64b6a8;
                    }
                }
            }


        }
    }
}


.zbc {
    position: fixed;
    width: 100%;
    top: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.3);
    z-index: 999;

    .xiaoshou {
        position: absolute;
        width: 1200px;
        height: 554px;
        background-color: #fff;
        border-radius: 5px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);

        .zbc_tit1 {
            color: #64b6a8;
            margin-left: 30px;
            margin-top: 32px;
            margin-bottom: 32px;

            .d1 {
                display: inline-block;
                font-size: 20px;
                font-weight: 600;
                margin-right: 12px;
            }

            .d2 {
                position: relative;
                display: inline-block;
                width: 94px;
                height: 28px;
                line-height: 28px;
                text-indent: 15px;
                border: 1px solid #64b6a8;
                font-size: 14px;

                div {
                    display: inline-block;
                }

                .el-icon-circle-plus {
                    position: absolute;
                    font-size: 20px;
                    left: -9px;
                    top: 4px;
                }
            }
        }

        .zbc_con1 {
            box-sizing: border-box;
            margin-left: 30px;
            padding-left: 50px;
            padding-top: 26px;
            width: 1140px;
            height: 224px;
            background-color: rgba(248, 248, 248, 0.5);

            .li {
                display: inline-block;
                color: #000;
                margin-right: 90px;
                margin-bottom: 35px;

                div {
                    width: 65px;
                    display: inline-block;
                    font-size: 16px;
                    font-weight: 600;
                    margin-right: 15px;
                    text-align: right;
                }

                input {
                    width: 200px;
                    line-height: 22px;
                    background-color: rgba(248, 248, 248, 0.5);
                    border-bottom: 1px solid #d0d0d0;
                    padding-bottom: 5px;
                    padding-top: 5px;
                    font-size: 16px;
                    text-align: center;
                }
            }

            .li:nth-child(3n) {
                margin-right: 0px;
            }
        }

        .con1 {
            padding-top: 20px;
            height: 76px;
        }

        .but {
            position: absolute;
            width: 150px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            background-color: #64b6a8;
            color: #fff;
            border-radius: 6px;
            right: 50%;
            transform: translateX();
            bottom: 10px;
            cursor: pointer;
        }
    }

    .huxing {
        z-index: 999;
        position: absolute;
        width: 1200px;
        height: 880px;
        background-color: #fff;
        border-radius: 5px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        padding-left: 40px;

        .titLiat {
            width: 1200px;
            margin-left: 50%;
            transform: translateX(-580px);
            margin-top: 20px;

            .li {
                display: inline-block;
                vertical-align: top;
                margin-right: 40px;
                color: #333;
                cursor: pointer;

                p {
                    font-size: 20px;
                }

                img {
                    width: 32px;
                    height: 16px;
                    margin-left: 50%;
                    transform: translateX(-50%);
                    margin-top: -8px;
                }
            }

            .cur {
                color: #64b6a8 !important;
                border: 0 !important;
                transform: scale(1.1) !important;
            }
        }

        .list2 {
            margin-top: -10px;

            .li {
                box-sizing: border-box;
                display: inline-block;
                width: 270px;
                margin-right: 13px;
                border: 1px solid #d0d0d0;
                margin-top: 16px;
                cursor: pointer;

                img {
                    width: 100%;
                    height: 180px;
                }

                .wenzi {
                    box-sizing: border-box;
                    border-top: 1px solid #d0d0d0;
                    padding-left: 24px;
                    height: 170px;

                    .p1 {
                        margin-top: 12px;
                        font-size: 26px;
                        font-weight: 600;
                        color: #333;
                    }

                    .p2,
                    .p3 {
                        margin-top: 10px;
                        font-size: 18px;
                        color: #666;
                    }

                    .p4 {
                        margin-top: 8px;
                        font-size: 28px;
                        font-weight: 600;
                        color: red;
                    }
                }
            }

            .li:nth-child(4n) {
                margin-right: 0px;
            }

            .liXuan {
                border: 1px solid #64b6a8;
                background-color: #f1f1f1;
                transform: scale(1.1) !important;
                box-shadow: 0px 0px 16px 0px rgba(181, 181, 181, 0.2) !important;
            }
        }

        .but {
            position: absolute;
            width: 150px;
            height: 45px;
            line-height: 45px;
            text-align: center;
            background-color: #64b6a8;
            color: #fff;
            border-radius: 6px;
            right: 36px;
            bottom: 30px;
            cursor: pointer;
        }
    }

    .xiaoshouList {
        position: absolute;
        width: 1200px;
        height: 530px;
        background-color: #fff;
        border-radius: 5px;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
        box-sizing: border-box;
        padding-left: 30px;
        overflow-y: auto;
        padding-bottom: 30px;

        .tit1 {
            color: #64b6a8;
            margin-top: 22px;
            margin-bottom: 22px;

            .d1 {
                display: inline-block;
                font-size: 20px;
                font-weight: 600;
                margin-right: 12px;
            }

            .d2 {
                position: relative;
                display: inline-block;
                width: 94px;
                height: 28px;
                line-height: 28px;
                text-indent: 15px;
                border: 1px solid #64b6a8;
                font-size: 14px;
                cursor: pointer;

                div {
                    display: inline-block;
                }

                .el-icon-circle-plus {
                    position: absolute;
                    font-size: 20px;
                    left: -9px;
                    top: 4px;
                }
            }
        }

        .biao {
            width: 1140px;
            border-radius: 6px 6px 0px 0px;
            overflow: hidden;

            /deep/.el-table td,
            /deep/.el-table th.is-leaf {
                text-align: center;
            }

            /deep/.el-table th.is-leaf {
                background-color: #64b6a8;
                color: #fff;
            }
        }
    }

    .xiaoshouxxBox {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 9;

        .xiaoshouxx {
            position: absolute;
            width: 1200px;
            // height: 554px;
            background-color: #fff;
            border-radius: 5px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);

            .zbc_tit1 {
                color: #64b6a8;
                margin-left: 30px;
                margin-top: 10px;
                margin-bottom: 10px;

                .d1 {
                    display: inline-block;
                    font-size: 20px;
                    font-weight: 600;
                    margin-right: 12px;
                }

                .d2 {
                    position: relative;
                    display: inline-block;
                    width: 94px;
                    height: 28px;
                    line-height: 28px;
                    text-indent: 15px;
                    border: 1px solid #64b6a8;
                    font-size: 14px;

                    div {
                        display: inline-block;
                    }

                    .el-icon-circle-plus {
                        position: absolute;
                        font-size: 20px;
                        left: -9px;
                        top: 4px;
                    }
                }
            }

            .zbc_con1 {
                box-sizing: border-box;
                margin-left: 30px;
                padding-left: 50px;
                padding-top: 26px;
                width: 1140px;
                height: 224px;
                background-color: rgba(248, 248, 248, 0.5);

                .li {
                    display: inline-block;
                    color: #000;
                    margin-right: 90px;
                    margin-bottom: 35px;

                    div {
                        width: 65px;
                        display: inline-block;
                        font-size: 16px;
                        font-weight: 600;
                        margin-right: 15px;
                        text-align: right;
                    }

                    input {
                        width: 200px;
                        line-height: 22px;
                        background-color: rgba(248, 248, 248, 0.5);
                        border-bottom: 1px solid #d0d0d0;
                        padding-bottom: 5px;
                        padding-top: 5px;
                        font-size: 16px;
                        text-align: center;
                    }
                }

                .li:nth-child(3n) {
                    margin-right: 0px;
                }
            }

            .con1 {
                padding-top: 20px;
                height: 76px;
            }

            .but {
                width: 150px;
                height: 45px;
                line-height: 45px;
                text-align: center;
                background-color: #64b6a8;
                color: #fff;
                border-radius: 6px;
                margin-left: 50%;
                transform: translateX(-50%);
                margin-bottom: 10px;
                cursor: pointer;
            }
        }
    }

    .xiaoshouxkBox {
        position: fixed;
        width: 100%;
        height: 100%;
        background-color: rgba(0, 0, 0, 0.4);
        z-index: 9;

        .xiaoshouxx {
            position: absolute;
            width: 1200px;
            // height: 554px;
            background-color: #fff;
            border-radius: 5px;
            left: 50%;
            top: 50%;
            transform: translate(-50%, -50%);

            .zbc_tit1 {
                color: #64b6a8;
                margin-left: 30px;
                margin-top: 10px;
                margin-bottom: 10px;

                .d1 {
                    display: inline-block;
                    font-size: 20px;
                    font-weight: 600;
                    margin-right: 12px;
                }

                .d2 {
                    position: relative;
                    display: inline-block;
                    width: 94px;
                    height: 28px;
                    line-height: 28px;
                    text-indent: 15px;
                    border: 1px solid #64b6a8;
                    font-size: 14px;

                    div {
                        display: inline-block;
                    }

                    .el-icon-circle-plus {
                        position: absolute;
                        font-size: 20px;
                        left: -9px;
                        top: 4px;
                    }
                }
            }

            .zbc_con1 {
                box-sizing: border-box;
                margin-left: 30px;
                padding-left: 50px;
                padding-top: 26px;
                width: 1140px;
                height: 224px;
                background-color: rgba(248, 248, 248, 0.5);

                .li {
                    display: inline-block;
                    color: #000;
                    margin-right: 90px;
                    margin-bottom: 35px;

                    div {
                        width: 180px;
                        display: inline-block;
                        font-size: 16px;
                        font-weight: 600;
                        margin-right: 15px;
                        text-align: right;
                    }

                    input {
                        width: 200px;
                        line-height: 22px;
                        background-color: rgba(248, 248, 248, 0.5);
                        border-bottom: 1px solid #d0d0d0;
                        padding-bottom: 5px;
                        padding-top: 5px;
                        font-size: 16px;
                        text-align: center;
                    }
                }

                .li:nth-child(3n) {
                    margin-right: 0px;
                }
            }

            .con1 {
                padding-top: 20px;
                height: 150px;
            }

            .but {
                width: 150px;
                height: 45px;
                line-height: 45px;
                text-align: center;
                background-color: #64b6a8;
                color: #fff;
                border-radius: 6px;
                margin-left: 50%;
                transform: translateX(-50%);
                margin-bottom: 10px;
                cursor: pointer;
            }
        }
    }
}

.tit {
    width: 100%;
    height: 100px;
    background-color: #f2f2f2;

    .list {
        position: relative;
        width: 1200px;
        margin-left: 50%;
        padding-top: 25px;
        transform: translateX(-50%);
        background-color: #f2f2f2;

        div {
            display: inline-block;
            vertical-align: middle;
            font-size: 20px;
            color: #333333;
            margin-right: 40px;
        }

        .li {
            font-size: 28px;
            color: #64b6a8;
            margin-right: 45px;

            img {
                /* width: 60px;
        height: 60px; */
            }

            span {
                vertical-align: middle;
            }
        }

        .title {
            div {
                color: #333;
                font-size: 20px;
                cursor: pointer;
            }

            .color {
                color: #64b6a8;
            }
        }

        .but {
            position: absolute;
            right: 0;
            width: 200px;
            height: 50px;
            background: #64b6a8;
            border-radius: 6px;
            text-align: center;
            line-height: 50px;
            color: #fff;
            cursor: pointer;
        }
    }
}

.form {
    width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
    color: #333;

    .xuke {
        width: 160px;
        height: 38px;
        line-height: 38px;
        font-size: 16px;
        color: #64b6a8;
        text-align: center;
        border: 1px solid #64b6a8;
        margin-top: 32px;
        margin-bottom: 12px;
        cursor: pointer;
    }

    .name {
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        margin-top: 40px;
        margin-bottom: 35px;
    }

    .rig {
        right: 0;
    }

    .xiala {
        width: 75px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background-color: #fff;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid #e0e0e0;
    }

    .list {
        .li {
            display: inline-block;
            vertical-align: top;
            width: 500px;
            border-bottom: 1px solid #d0d0d0;
            padding-bottom: 16px;
            margin-top: 20px;
            margin-right: 195px;

            .left {
                display: inline-block;
                width: 110px;
                font-size: 20px;
                font-weight: 600;
                margin-right: 5px;

                span {
                    color: red;
                }
            }

            .right {
                display: inline-block;
                width: 380px;
                vertical-align: revert;

                input {
                    width: 99%;
                    font-size: 20px;
                    background-color: #fff;
                    cursor: pointer;
                }

                .el-select {
                    width: 99%;

                    /deep/.el-input__inner {
                        border: 0;
                        padding: 0;
                        font-size: 20px;
                        height: 23px;
                        line-height: 23px;
                    }
                }

                /deep/.el-radio__label {
                    font-size: 18px;
                }

                /deep/.el-radio__inner {
                    width: 21px;
                    height: 21px;
                }

                /deep/.el-input__icon {
                    line-height: 23px;
                }

                /deep/.el-radio__input.is-checked .el-radio__inner {
                    background-color: #64b6a8;
                    border-color: #64b6a8;
                }

                /deep/.el-radio__inner::after {
                    box-sizing: content-box;
                    content: "";
                    border: 2px solid #fff;
                    position: absolute;
                    transform: rotate(45deg) scaleY(1);
                    transition: transform 0.15s ease-in 0.05s;
                    transform-origin: center;
                    border-radius: 0;
                    background-color: rgba(0, 0, 0, 0);
                    width: 6px;
                    height: 13px;
                    left: 6px;
                    top: 1px;
                    border-left: 0;
                    border-top: 0;
                }

                /deep/.el-radio__input.is-checked+.el-radio__label {
                    color: #333;
                }
            }

            .tu {
                position: relative;
                margin-top: 24px;
                width: 100%;
                font-size: 18px;

                .el-textarea {
                    font-size: 18px;
                }

                .textarea {
                    /deep/.el-textarea__inner {
                        // width: 1200px;
                        min-height: 80px !important;
                        line-height: 25px;
                        outline: none;
                        padding: 10px 13px 30px 13px;
                        overflow-y: visible;
                    }
                }

                .zi {
                    position: absolute;
                    font-size: 14px;
                    z-index: 99;
                    right: 10px;
                    bottom: 10px;
                    color: #999999;
                }
            }
        }

        .li:nth-child(2n) {
            margin-right: 0px;
        }

        .tuLi {
            border: 0;
            display: block;
        }
    }
}

.form01 {
    position: relative;
    width: 610px;
    // height: 650px;
    margin-left: 50%;
    margin-top: 38px;
    transform: translateX(-50%);

    .list {
        .li {
            display: inline-block;
            vertical-align: top;
            width: 507px;
            padding-bottom: 16px;
            margin-top: 20px;
            margin-right: 195px;
            line-height: 28px;

            .left {
                display: inline-block;
                width: 115px;
                font-size: 20px;
                font-weight: 600;
                margin-right: 5px;
                color: #000;
                line-height: 48px;

                span {
                    color: red;
                    margin-right: 5px;
                }
            }

            .right {
                display: inline-block;
                /* width: 380px; */
                color: #000;
                font-size: 18px;

                input {
                    width: 99%;
                    font-size: 20px;
                    background-color: #fff;
                    cursor: pointer;
                }

                /deep/.el-radio__label {
                    font-size: 18px;
                }

                /deep/.el-radio__inner {
                    width: 21px;
                    height: 21px;
                }

                /deep/.el-input__icon {
                    line-height: 23px;
                }

                /deep/.el-radio__input.is-checked .el-radio__inner {
                    background-color: #64b6a8;
                    border-color: #64b6a8;
                }

                /deep/.el-radio__inner::after {
                    box-sizing: content-box;
                    content: "";
                    border: 2px solid #fff;
                    position: absolute;
                    transform: rotate(45deg) scaleY(1);
                    transition: transform 0.15s ease-in 0.05s;
                    transform-origin: center;
                    border-radius: 0;
                    background-color: rgba(0, 0, 0, 0);
                    width: 6px;
                    height: 13px;
                    left: 6px;
                    top: 1px;
                    border-left: 0;
                    border-top: 0;
                }

                /deep/.el-radio__input.is-checked+.el-radio__label {
                    color: #333;
                }
            }

            .bottom {
                margin-top: 20px;
            }
        }

        .border_bottom {
            border-bottom: 1px solid #d0d0d0;
        }
    }
}

.Hform {
    position: relative;
    margin-top: 40px;
    margin-left: 50%;
    font-size: 18px;
    transform: translateX(-50%);
    width: 1200px;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;

    /deep/.el-table td,
    /deep/.el-table th.is-leaf {
        text-align: center;
    }

    /deep/.el-table th.is-leaf {
        background-color: #64b6a8;
        color: #fff;
    }

    .icon {
        /* width: 136px; */
        height: 36px;
    }
}

.Hpage {
    position: relative;
    margin-top: 300px;
    font-size: 18px;
    width: 1200px;
    margin-bottom: 65px;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #64b6a8;
    }

    /deep/.el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        color: #606266;
    }
}

.form02 {
    position: relative;
    margin-top: 38px;
    margin-left: 50%;
    width: 900px;
    transform: translateX(-50%);

    .list {
        .li {
            display: inline-block;
            width: 899px;
            vertical-align: top;
            padding-bottom: 16px;
            margin-top: 20px;
            margin-right: 195px;
            line-height: 28px;

            .title {
                /deep/.el-input__inner {
                    font-size: 18px;
                }
            }

            .content {
                width: 899px;
                color: #000;

                /deep/.el-textarea__inner {
                    font-size: 18px;
                    padding: 10px;
                }
            }

            .d1 {
                display: inline-block;
                color: #000000;
                font-size: 20px;
                font-weight: 600;
                margin-right: 24px;
            }

            .d2 {
                display: inline-block;
                margin-right: 24px;
                width: 130px;
            }
        }
    }
}

.Budform {
    position: relative;
    margin-top: 40px;
    margin-left: 50%;
    font-size: 18px;
    transform: translateX(-50%);
    width: 1200px;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;

    /deep/.el-table td,
    /deep/.el-table th.is-leaf {
        text-align: center;
    }

    /deep/.el-table th.is-leaf {
        background-color: #64b6a8;
        color: #fff;
    }
}

.page {
    position: relative;
    margin-top: 300px;
    font-size: 18px;
    width: 1200px;
    margin-left: 50%;
    transform: translateX(-50%);
    text-align: center;
    margin-bottom: 65px;

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #64b6a8;
    }

    /deep/.el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        color: #606266;
    }
}

.Spotform {
    position: relative;
    margin-top: 40px;
    margin-left: 50%;
    font-size: 18px;
    transform: translateX(-50%);
    width: 1200px;
    border-radius: 6px 6px 0px 0px;
    overflow: hidden;

    /deep/.el-table td,
    /deep/.el-table th.is-leaf {
        text-align: center;
    }

    /deep/.el-table th.is-leaf {
        background-color: #64b6a8;
        color: #fff;
    }
}

.Spage {
    position: relative;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 300px;
    font-size: 18px;
    width: 1200px;
    text-align: center;
    margin-bottom: 65px;

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #64b6a8;
    }

    /deep/.el-pagination.is-background .btn-next,
    .el-pagination.is-background .btn-prev,
    .el-pagination.is-background .el-pager li {
        color: #606266;
    }
}

.xieyi {
    width: 520px;
    color: #333;
    margin-left: 50%;
    transform: translateX(-50%);
    margin-top: 70px;
    margin-bottom: 25px;

    /deep/.el-checkbox__inner {
        width: 28px;
        height: 28px;
        border-radius: 50%;
    }

    /deep/.el-checkbox__inner::after {
        border: 2px solid #fff;
        width: 6px;
        height: 13px;
        left: 9px;
        top: 4px;
        border-left: 0;
        border-top: 0;
    }

    /deep/.el-checkbox__input.is-checked .el-checkbox__inner,
    /deep/.el-checkbox__input.is-indeterminate .el-checkbox__inner {
        background-color: #64b6a8;
        border-color: #64b6a8;
    }

    p {
        width: 445px;
        display: inline-block;
    }
}

.queding {
    width: 300px;
    height: 60px;
    background: #64b6a8;
    border-radius: 6px;
    text-align: center;
    line-height: 60px;
    margin-left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    margin-bottom: 50px;
    cursor: pointer;
    color: #ffffff;
}

.back {
    width: 300px;
    height: 60px;
    background: #676969;
    border-radius: 6px;
    text-align: center;
    line-height: 60px;
    margin-left: 50%;
    transform: translateX(-50%);
    font-size: 24px;
    margin-top: 100px;
    margin-bottom: 50px;
    cursor: pointer;
}

.fenye {
    width: 100%;
    height: 50px;
    text-align: center;
    margin-top: 20px;

    /deep/.el-pagination.is-background .el-pager li:not(.disabled).active {
        background-color: #64b6a8;
    }
}

.el-icon-circle-close {
    color: #666;
    position: absolute;
    right: 35px;
    top: 10px;
    font-size: 30px;
    cursor: pointer;
}

.form3 {
    width: 700px;
    margin-left: 50%;
    transform: translateX(-50%);
    color: #333;

    .name {
        width: 100%;
        text-align: center;
        font-size: 28px;
        font-weight: 600;
        margin-top: 40px;
        margin-bottom: 35px;
    }

    .rig {
        right: 0;
    }

    .xiala {
        width: 75px;
        height: 30px;
        text-align: center;
        line-height: 30px;
        background-color: #fff;
        border-radius: 4px;
        cursor: pointer;
        border: 1px solid #e0e0e0;
    }

    .list {
        .li {
            border-bottom: 1px solid #d0d0d0;
            padding-bottom: 16px;
            margin-top: 20px;

            .left {
                display: inline-block;
                width: 140px;
                font-size: 20px;
                font-weight: 600;
                margin-right: 5px;

                span {
                    color: red;
                }
            }

            .right {
                display: inline-block;
                width: 550px;

                input {
                    width: 99%;
                    font-size: 20px;
                    background-color: #fff;
                    cursor: pointer;
                }

                .el-select {
                    width: 99%;

                    /deep/.el-input__inner {
                        border: 0;
                        padding: 0;
                        font-size: 20px;
                    }
                }

                /deep/.el-radio__label {
                    font-size: 18px;
                }

                /deep/.el-radio__inner {
                    width: 28px;
                    height: 28px;
                }

                /deep/.el-radio__input.is-checked .el-radio__inner {
                    background-color: #64b6a8;
                    border-color: #64b6a8;
                }

                /deep/.el-radio__inner::after {
                    box-sizing: content-box;
                    content: "";
                    border: 2px solid #fff;
                    position: absolute;
                    transform: rotate(45deg) scaleY(1);
                    transition: transform 0.15s ease-in 0.05s;
                    transform-origin: center;
                    border-radius: 0;
                    background-color: rgba(0, 0, 0, 0);
                    width: 6px;
                    height: 13px;
                    left: 9px;
                    top: 4px;
                    border-left: 0;
                    border-top: 0;
                }

                /deep/.el-radio__input.is-checked+.el-radio__label {
                    color: #333;
                }
            }

            .tu {
                position: relative;
                margin-top: 24px;
                width: 100%;
                font-size: 18px;

                .el-textarea {
                    font-size: 18px;
                }

                .textarea {
                    /deep/.el-textarea__inner {
                        // width: 698px;
                        min-height: 80px !important;
                        line-height: 25px;
                        outline: none;
                        padding: 10px 13px 30px 13px;
                        overflow-y: visible;
                    }
                }

                .zi {
                    position: absolute;
                    font-size: 14px;
                    z-index: 99;
                    right: 10px;
                    bottom: 10px;
                    color: #999999;
                }
            }
        }

        .tuLi {
            border: 0;
        }
    }
}

/deep/#input__inner {
    border: 1px #ffffff solid;
    font-size: 20px;
    height: 23px;
    cursor: pointer;
    padding: 0;
}

/deep/.el-input-group__append {
    border: 0;
    background-color: #ffffff;
    padding: 0 6px;
}

/deep/.form .el-input__prefix {
    /* right: -250px; */
    left: 110% !important;
}

/deep/#el-select {
    width: 200px;
}

/deep/.el-date-editor--datetime {
    // width: 370px;
}

/deep/.el-tabs__header {
    width: 700px;
    left: 32%;
}

/deep/.el-tabs__item {
    font-size: 18px;
}

/deep/.is-active {
    font-weight: 600;
    color: #64b6a8;
}

/deep/.el-tabs__active-bar {
    background-color: #64b6a8;
    height: 3px;
}

/deep/#d1-input {
    border: none;
    background: #fbfbfb;
    border-bottom: 2px #e5e5e5 solid;
    font-size: 16px;
    width: 200px;
    vertical-align: middle;
    line-height: 16px;
    cursor: pointer;
    padding: 0;
}

.xiaoshouxxBox {
    /deep/.el-input__prefix {
        /* position: relative; */
        margin-left: 280px;
    }

    /deep/.el-input__suffix {
        /* position: relative; */
        right: -173% !important;
    }
}

.xiaoshouxkBox {
    /deep/.el-input__prefix {
        /* position: relative; */
        left: auto;
    }
}

.xiaoshouxxBox {
    /deep/.el-icon-time {
        transform: translateX(-110px);
    }
}

.d1-input-right {
    transform: translateX(120px);
}

.el-select {
    /deep/ .el-select__tags {
        flex-wrap: nowrap;
        height: 20px;
    }
}

// /deep/.el-select .huxingleibie{
//   width: 100%;
//   /deep/.el-input .el-input--suffix{
//     width: 100%;
//   }
// }
.erweima {
    position: fixed;
    right: 20%;
    top: 15%;
    z-index: 99999;
    background-color: #f7f0f0;
    padding: 20px;
    border-radius: 5px;
    display: flex !important;
    margin-right: 10px !important;

    div {
        margin-right: 10px !important;
        z-index: 99999;
        display: flex !important;
        flex-direction: column;
        align-items: center;

        img {
            width: 150px;
            height: 150px;
        }

        span {
            color: #000;
        }
    }
}

// tututututu
.tuLi {
    border: 0;
}

.tu {
    position: relative;
    margin-top: 12px;
    width: 100%;
    font-size: 18px;
    display: flex;

    img {
        object-fit: contain;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.2);
    }

    video {
        object-fit: contain;
        cursor: pointer;
        background-color: rgba(0, 0, 0, 0.2);
    }

    .info {
        height: 136px;
        max-width: 960px;
        color: #333;
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        padding: 6px;
        padding-left: 18px;

        .info-title {
            color: #64b6a8;
            font-size: 24px;
            line-height: 32px;
            font-weight: 600;
        }

        .info-desc {
            color: #333;
            font-size: 18px;
            line-height: 24px;
            font-weight: 500;
            margin-bottom: 16px;
        }

        .info-operate {}
    }

    .el-textarea {
        font-size: 18px;
    }

    .textarea {
        /deep/.el-textarea__inner {
            // width: 698px;
            min-height: 80px !important;
            line-height: 25px;
            outline: none;
            padding: 10px 13px 30px 13px;
            overflow-y: visible;
        }
    }

    .zi {
        position: absolute;
        font-size: 14px;
        z-index: 99;
        right: 10px;
        bottom: 10px;
        color: #999999;
    }
}

.tuLi {
    border: 0;
}

/deep/ .el-upload--picture-card {
    border: 1px dashed #c0ccda !important;
}

.txt2 {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
}

// 覆盖样式
.formform {
    .loupan-title {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding-bottom: 20px;

        .loupan-title-name {
            height: 34px;
            font-size: 24px;
            font-weight: 600;
            color: #333333;
            line-height: 34px;
        }

        .loupan-title-ope {
            width: 172px;
            height: 40px;
            background: #64B6A8;
            border-radius: 4px 4px 4px 4px;
            opacity: 1;
            text-align: center;

            font-size: 20px;
            font-weight: 400;
            color: #FFFFFF;
            line-height: 40px;
            cursor: pointer;

        }

    }

    /deep/ .el-input__inner {
        // width: auto;
    }

    /deep/ .el-input-group__append {
        // position: absolute;
        // right: 0;
        // top: 50%;
        // width: 114px;
        // text-align: right;
        // white-space: nowrap;
        // transform: translateY(-50%);
    }
}

.Hform,
.form01,
.Budform {
    width: auto !important;
    margin-top: 0;
    margin-left: 0;
    transform: translateX(-0%);
    padding: 20px 40px;

}

.form01 {
    .list {
        .li {
            white-space: nowrap;

            .right {
                width: 380px;

            }

        }
    }
}

.form {
    width: auto !important;
    padding: 20px 40px;
    margin-left: 0;
    transform: translateX(-0%);

    .list {
        display: flex;
        flex-wrap: wrap;

        .li {
            width: 380px;
            display: flex;
            align-items: flex-start;

            .right {
                width: 0;
                flex: 1;
            }

            margin-right: 0;

            &:nth-child(2n + 1) {
                margin-right: 64px;
            }
        }
    }
}
</style>
